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

02 HTML5基本结构和语法变化

时间:2016-02-25 11:49:15      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:

     首先要明确的一点,HTML5并不是对HTML4、XHTML的歌名,也就是说,原来按HTML4开发的HTML网页同样可用;如果开发者受过严格训练,喜欢XHTML那种严格、规范的语法,同样可以按XHTML的严格要求来开发HTML5。
     HTML5完全遵守以下3点规则。
     a:兼容性:HTML5在老版本的浏览器上也可以正常运行;
     b:实用性:HTML5内部并没有特别复杂的功能,它只封装了哪些常用的简单功能;
     c:非革命性的发展:HTML5并不是革命性的发展,它只是一种“妥协式”的规范。
    
     1. HTML5基本结构
     如果你已经有HTML4的基础,将会发现学习HTML5非常简单,只要把HTML4中的DTD定义改为如下形式即可。
     <!DOCTYPE html>
     HTML5对元素大小写不再严格区分,开发者可以随意使用大小写字符来定义HTML元素。
     对于一份基本的HTML5文档而言,它总有如下结构:
    <!DOCTYPE html>
     <html>
     <head>
     <title>页面标题</title>
     <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”/>
     <!- - 此处还可插入其他meta、样式单等信息 -->
     </head>
     <body>
          页面内容
     </body>
     </html>
     从上面代码可以看出,HTML5的根元素依然是<html.../>,这个固定不变的内容。在<html.../>这个元素里包含<head.../>和<body.../>两个子元素。<head.../>元素主要定义HTML5文档的页面头,其中<title.../>元素用于定义页面标题,除此之外,还可以在<head.../>元素中定义meta、样式单等信息;<body.../>元素用于定义页面主体,包括页面的文本内容和绝大部分标签。
     HTML5支持两种方式来指定页面的字符集。
     使用Content-Type指定页面所用的字符集。eg:  
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
     直接使用charset指定页面所用的字符集。eg:
<meta charset=“gb2312” />
     注意:不要在<html>和<head>,</head>和<body>,</body>和</html>之间插入任何内容!
     
     2. HTML5的语法变化
     HTML5的语法发生了一些变化,这些变化的最大特征就是:HTML5更宽容了!HTML5规范的设计初衷就是最大限度地“兼容”互联网上随处可见的不规范页面。
     归纳起来,HTML5存在如下几点语法变化:
     a:标签不在区分大小写
     <p>Rodolfo讲述H5</P>中<p.../>元素的开始比爱哦前和结束标签的大小写并不匹配,但这完全符合HTML5规范。
     b:元素可以省略结束标签
     HTML5显得十分宽容,它允许部分HTML元素省略结束标签,甚至允许HTML元素同时省略开始标签和结束标签。具体来说,HTML5中的省略标签可分为如下三种:
     (1)空元素语法的元素:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、war。
     空元素不允许将开始标签和结束标签分开定义。例如,<img.../>元素不允许写成如下形式:  
<img src=“a.gif” alt=“a”></img> (这是错误的)
     <img…/>元素应该是空元素,应该写成:    
<img sec=“a.gif” alt=“a” />
     与此同时,HTML5并不要求遵守XML规范,因此<img.../>元素写成如下形式也是正确的:
<img src=“a.gif” alt=“a">
     (2)可以省略结束标签的元素:
     colgroup、dt、dd、li、optgroup、option、p、rt、rp、thead、tbody、tfoot、tr、td、th。
     (3)可以省略全部标签的元素:html、head、body、tbody。
     c:允许省略属性值的属性
     HTML5中允许省略属性值的属性:
     checked、readonly、disabled、selected、defer、ismap、nohref、noshade、nowrap、multiple、noresize。
     d:允许属性值不使用引号
     传统的XHTML按XML规范对属性值进行要求,要求所有的属性值都必须使用引号引起来,但HTML5允许直接给出顺序性质,及时不放在引号中也是正确的。
 
 

02 HTML5基本结构和语法变化

标签:

原文地址:http://www.cnblogs.com/Rodolfo/p/5216235.html

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