HTML版本
HTML4/4.01(SGML) 写法随意，浏览器容错性特别高
XHTML(XML) 要求非常严格
HTML5
| HTML4 | XHTML | HTML5 |
|---|---|---|
| 标签允许不结束 | 标签必须结束 | 标签允许不结束 |
| 属性不用带引号 | 属性必须带引号 | 属性不用带引号 |
| 标签属性可大写 | 标签属性必须小写 | 标签属性可大写 |
| Boolean属性可省略值 | Boolean属性必须写值 | Boolean属性可省略值 |
HTML5新增内容
用于绘画的canvas元素
用于媒介回放的 video 和 audio 元素
新语义化标签
- header/footer 头尾
- section/article 区域
- aside 不太重要的内容
- nav 导航
- em/strong 强调
表单增强
- input类型：日期、时间、搜索
- 表单验证
- input属性：required、placeholder
HTML元素的分类
-
块级元素 block
（1）显示为矩形
（2）独占一行，自上而下排列
（3）可以定义自己的宽度和高度
（4）可以作为容器包含其他的块级元素或行内元素
（5）如div、p、article、section、nav、table、h1...h6 -
行内元素 inline
（1）没有自己的形状，与其他行内元素在一行显示
（2）不能定义自己的宽度高度，由内容决定
（3）如a、span、i、em、strong、label -
行内块元素 inline-block
（1）具有块级元素和行内元素的特点
（2）可以定义自己的宽高度，也可以与其他行内元素在一行显示
（3）如img、input
常见问题
doctype的作用是什么？
（1）让浏览器以标准模式渲染
* 在标准模式中，网页元素的宽度是由padding、border、width三者的宽度相加决定的；
* 在怪异模式中，width本身就包括了padding和border的宽度。
（2）让浏览器知道元素的合法性
HTML XHTML HTML5 的关系？
- HTML属于SGML
- XHTML属于XML，是HTML进行XML严格化的结果
- HTML5既不属于SGML又不属于XML，比XHTML宽松
语义化的意义是什么？
（1）开发者容易理解
（2）机器容易理解结构(搜索引擎、读屏幕软件)
（3）有助于SEO
哪些元素可以自闭和？
- 表单元素 input
- 图片 img
- br hr
- meta link
html和dom的区别？
- html是死的
- dom是由html解析而来，是活的
- js可以维护dom
form的作用有哪些？
（1）直接提交表单（method target）
（2）使用submit / reset 提交/重置表单
（3）便于第三方库整体提取值，如jQuery的serialize()方法
（4）便于浏览器保存表单