HTML5与HTML4之间的区别
DOCTYPE声明
HTML4的声明
HTML5的声明
指定字符编码
HTML4指定编码
HTML5指定编码
在HTML5中，以上两种指定编码的方式都是允许的。但是要注意两种指定编码不能混合使用！
HTMNL5的兼容性
HTML5的语法是为了保证与之前的HTML语法也能够达到最大程度的兼容而设计的。
1. 可以省略标记的元素
- 不允许写结束标记的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。
- 可以省略结束标记的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。
- 可以省略全部标记的元素有：html、head、body、colgroup、tbody。
2. 具有boolean值的属性
属性值为Boolean值的，例如disabled或readyonly等。
想要设置值为true的方式有三种：
- 只设置属性名，而不指定属性值。
- 将空字符串设置为属性值。
- 将属性名设置为属性值。
想要设置值为false，只需要不设置属性即可。
3. 省略引号
HTML5在设置属性值时，如果属性值不包含空字符串、””、”=”、单引号或双引号的话，属性值两边的引号可以省略。
HTML5废除的元素
1. 可以使用CSS替代的元素
| 废除元素 | CSS的属性 |
|---|---|
| tt | font-family |
| font | font |
| center | text-align |
| big | font-size |
| s | - |
| strike | - |
| u | - |
| basefont | - |
有些废除的HTML元素，并不清楚替代内容，所以为空。
2. 不再使用frame框架
由于frame框架对网页可用性存在负面影响，再加上异步交互的技术已经成熟，并且体验更好。所以，在HTML5中已不再支持frameset元素、frame元素和noframes元素，而只支持iframe元素。
3. 只有部分浏览器支持的元素
bgsound元素和marquee元素，只有IE浏览器支持，所以在HTML5中被废除。applet元素可由embed元素或object元素替代，bgsound元素可由audio元素替代，marquee元素可由JavaScript编程方式替代。
4. 其他被废除的元素
| 被废除的元素 | 替代的元素 |
|---|---|
| rb元素 | ruby元素 |
| acronym元素 | abbr元素 |
| dir元素 | ul元素 |
| isindex元素 | form元素与input元素相结合的方式替代 |
| listing元素 | pre元素 |
| xmp元素 | code元素 |
| nextid元素 | GUIDS元素 |
| plaintext元素 | 使用”text/plain”MIME类型替代 |
HTML5废除的属性
| HTML4中使用的属性 | 使用该属性的元素 | HTML5中的替代方案 |
|---|---|---|
| rev | link，a | rel |
| charset | link，a | 在被链接的资源中使用HTTP Content-Type头元素 |
| shape，coords | a | 使用area元素替代a元素 |
| longdesc | img，iframe | 使用a元素链接到较长描述 |
| target | link | 多余属性，被省略 |
| nohref | area | 多余属性，被省略 |
| profile | head | 多余属性，被省略 |
| version | html | 多余属性，被省略 |
| name | img | id |
| scheme | meta | 只为某个表单域使用scheme |
| archive，ckassid，codebase，codetype，declare，standby | object | 使用data与type属性类调用插件。需要使用这些属性来设置参数时，使用param属性 |
| valuetype，type | param | 使用name与value属性，不声明值的MIME类型 |
| axis，abbr | td，th | 使用以明确简洁的文字开头，后跟详述文字的形式。可以对更详细内容使用title属性来使用单元格的内容变得简短 |
| scope | td | 在被链接的资源中使用HTTP Content-Type头元素 |
| align | caption，input，legend，div，h1，h2，h3，h4，h5，h6，p | 使用CSS样式表进行替代 |
| alink，link，text，vlink，background，bgcolor | body | 使用CSS样式表进行替代 |
| align，bgcolor，border，cellpadding，cellspacing，frame，rules，width | table | 使用CSS样式表进行替代 |
| align，char，charoff，height，nowrap，valign | ||
| align，bgcolor，char，charoff，height，nowrap，align，width | td，th | 使用CSS样式表进行替代 |
| align，bgcolor，char，charoff，align | tr | 使用CSS样式表进行替代 |
| align，char，charoff，valign，width | col，colgroup | 使用CSS样式表进行替代 |
| align，border，hspace，vspace | object | 使用CSS样式表进行替代 |
| clear | br | 使用CSS样式表进行替代 |
| compact，type | ol，ul，li | 使用CSS样式表进行替代 |
| compact | dl | 使用CSS样式表进行替代 |
| compact | menu | 使用CSS样式表进行替代 |
| width | pre | 使用CSS样式表进行替代 |
| align，hspace，vspace | img | 使用CSS样式表进行替代 |
| align，noshade，size，width | hr | 使用CSS样式表进行替代 |
| align，frameborder，scrolling，marginheight，marginwidth | iframe | 使用CSS样式表进行替代 |
| autosubmit | menu | - |
本文部分内容摘自《HTML5与CSS3权威指南》，感谢作者的付出！
关键字：html5, 元素, css, 属性
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！