码迷,mamicode.com
首页 > Web开发 > 详细

《HTML5与CSS3权威指南》读书笔记

时间:2015-03-20 20:12:05      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

《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>

  注意:当属性不包括空字符串、<、>、=、‘、"时才可以省略

  

 

《HTML5与CSS3权威指南》读书笔记

标签:

原文地址:http://www.cnblogs.com/vincentXblog/p/4354372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!