ife 零基础学院 day 2
第二天:给自己做一个在线简历吧
最后的验证,提出了几个问题,尝试解答一下
HTML是什么,HTML5是什么
HTML的定义摘抄自w3school的HTML 简介
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (
H
yperT
extM
arkupL
anguage)- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML5的定义也摘抄自w3school的HTML 5 简介
HTML5是下一代的HTML,一个新版本的HTML。
HTML5 的一些规则:
- 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
- 减少对外部插件的需求(比如 Flash)
- 更优秀的错误处理
- 更多取代脚本的标记
- HTML5 应该独立于设备
- 开发进程应对公众透明
新特性
HTML5 中的一些有趣的新特性:
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
HTML元素、标签、属性都是什么概念?
摘抄自HTML简介
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如
<html>
- HTML 标签通常是成对出现的,比如
<b>
和</b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
摘抄自HTML 元素
HTML 元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
摘抄自HTML 属性
属性为 HTML 元素提供附加信息。
HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。
文档类型是什么概念,起什么作用?
摘抄自HTML <!DOCTYPE>
概念:
它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。
作用:
声明帮助浏览器正确地显示网页。
HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。
meta标签都用来做什么的?
定义和用法
<meta>
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta>
标签位于文档的头部,不包含任何内容。<meta>
标签的属性定义了与文档相关联的名称/值对。
Web语义化是什么,是为了解决什么问题
Web语义化是指使HTML元素有更清晰的语义,例如HTML5的新增内容元素article、footer、header、nav、section。
顾轶灵关于“如何理解 Web 语义化?”的回答提到
什么是语义化?其实简单说来就是让机器可以读懂内容。
摘自*的词条语义化
语义化是前端开发里面的一个专用术语,其优点在于标签语义化有助于构架良好的html结构,有利于搜索引擎的建立索引、抓取;另外,亦有利于页面在不同的设备上显示尽可能相同;此外,亦有利于构建清晰的机构,有利于团队的开发、维护。
从上述的文字中,对语义化解决什么问题,可以简单表述:
- 使html结构更有序和清晰
- 利于搜索引擎索引和抓取
- 利于不同设备的显示
- 利于团队开发和维护
链接是什么概念,对应什么标签?
摘抄自HTML 链接
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用<a>
标签在 HTML 中创建链接。
有两种使用<a>
标签的方式:
1.通过使用 href 属性 - 创建指向另一个文档的链接
2.通过使用 name 属性 - 创建文档内的书签
常用标签都有哪些,都适合用在什么场景
表单标签都有哪些,对应着什么功能,都有哪些属性
摘抄自http://www.w3school.com.cn/tags/html_ref_byfunc.asp
表单
标签 描述 <form>
定义供用户输入的 HTML 表单。 <input>
定义输入控件。 <textarea>
定义多行的文本输入控件。 <button>
定义按钮。 <select>
定义选择列表(下拉列表)。 <optgroup>
定义选择列表中相关选项的组合。 <option>
定义选择列表中的选项。 <label>
定义 input 元素的标注。 <fieldset>
定义围绕表单中元素的边框。 <legend>
定义 fieldset 元素的标题。 <isindex>
不赞成使用。定义与文档相关的可搜索索引。 <datalist>
定义下拉列表。 <keygen>
定义生成密钥。 <output>
定义输出的一些类型。
表单属性请查看http://www.w3school.com.cn/html/html_form_attributes.asp
ol, ul, li, dl, dd, dt等这些标签都适合用在什么地方,举个例子
参考自HTML 列表
无序列表始于
<ul>
标签。每个列表项始于<li>
。
<ul> <li>Coffee</li> <li>Milk</li> </ul>
显示如下
- Coffee
- Milk
有序列表始于
<ol>
标签。每个列表项始于<li>
标签。
<ol> <li>Coffee</li> <li>Milk</li> </ol>
显示如下:
- Coffee
- Milk
自定义列表以
<dl>
标签开始。每个自定义列表项以<dt>
开始。每个自定义列表项的定义以<dd>
开始。
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
显示如下:
Coffee
Black hot drink
Milk
White cold drink