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)便于浏览器保存表单