《HTML5与CSS3权威指南》读书笔记
《HTML5与CSS3权威指南》 机械工业出版社
Chapter 2 - HTML5与HTML4的区别
1.DOCTYPE声明
html4: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html5: <!DOCTYPE html>
上面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。
其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。
要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。
2.指定字符编码
html4: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
html5: <meta charset="UTF-8">
3.HTML5中元素标记规则
不允许写结束标记的元素有:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr; (例:<img />)
可以省略结束标记的元素有:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th; (例:<li>)
可以省略全部标记的元素有:html、head、body、colgroup、tbody; (例:元素隐式存在,不写head标签也是会存在文档中)
4.具有boolean值的属性
html4: <input type=‘checkbox‘ checked=‘checked‘>
html5: <input type=‘checkbox‘ checked>
类似的还有:readonly、disabled
5.属性省略引号
html4:<input type=‘text‘>
html5:<input type=text>
注意:当属性不包括空字符串、<、>、=、‘、"时才可以省略
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。