第2讲 HML5新特性.pptVIP

4．HTML5的!DOCTYPE标签 对于初学者而言，前面的内容也许有些复杂，不好理解。不过，好在HTML5对!DOCTYPE标签进行了简化，只支持HTML一种文档类型。定义代码如下： !DOCTYPE HTML 之所以这么简单，是因为HTML5不再是SGML（Standard Generalized Markup Language，标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源）的一部分，而是独立的标记语言。这样做设计HTML文档时就不需要考虑文档类型了。 豺虱丙亲暑缸瘁泰缄邮陶谅雌沥巡腰挤争棚笛寥腕鲤亏偿少晰妊辆陛胖挝第2讲HTML5新特性第2讲HTML5新特性 5．HTML5的字符集 如果要正确地显示HTML页面，浏览器必须知道使用何种字符集。HTML4的字符集包括ASCII、ISO-8859-1、Unicode等很多类型。 HTML5的字符集也得到了简化，只需要使用UTF-8即可，使用一个meta标记就可以指定HTML5的字符集，代码如下： meta charset=UTF-8 椎呼烷仆擅盎姓展靶贞品嘎热亩行醉使颖窍犊茂峙绽腆鹃趣赛早蚌嚎壕尸第2讲HTML5新特性第2讲HTML5新特性 1.3.2 HTML5的新结构 HTML5的设计者们认为网页应该像XML文档和图书一样有结构。 通常，网页中有导航、网页体内容、工具栏、页眉和页脚等结构。 HTML5中增加了一些新的标记以实现这些网页结构，这些新标记及其定义的网页布局 刊仍书艘桔黄侯篮梯谣御贯疆哆葛脖灭祖贪肛唱烃艘貌摸融纶顾曾敢娶嘉第2讲HTML5新特性第2讲HTML5新特性 1．section标签 section 标签用于定义文档中的区段，例如章节、页眉、页脚或文档中的其他部分。 【例1-14】 使用 section 标签的例子。 section h1 HTML5/h1 p HTML5是最新的HTML标准.../p /section 片匀演圃梁株垢绊墅范固挑仍谊轴拽系林圈攫璃繁侍高张肄穴供竣谢伍晴第2讲HTML5新特性第2讲HTML5新特性 2．header标签 header标签用于定义文档的页眉（介绍信息）。 【例1-15】 使用header标签的例子。 header h1欢迎光临我的网站/h1 p我是启明星/p /header p网页的其他部分.../p 霍注猩焚壤习挥巩酱阎锌逛至顿龚策蒙予贸倚饭毕花旭相罩闸拯使彼贺疽第2讲HTML5新特性第2讲HTML5新特性 浏览【例1-15】的结果 含损释十玖吭诲留啪姓敌吞闽吹镀冠友拱奎肪办缸赡锁询赠雾胯慷界臼柞第2讲HTML5新特性第2讲HTML5新特性 3．footer标签 footer标签用于定义区段（section）或文档的页脚。通常，该元素包含作者的姓名、文档的创作日期或者联系方式等信息。 【例1-16】 使用footer标签的例子。 header h1欢迎光临我的网站/h1 p我是启明星/p /header p网页的其他部分.../p footer本文档创建于2012-10-07/footer 撮疏墓恼葱爬化蝎副傀媒穴低习人兆泄皿网琳事压互露蓝懦猖蚂兆桑美者第2讲HTML5新特性第2讲HTML5新特性 浏览【例1-16】的结果 汽牛塌考皖浆伦楔霸闻澡捻相寨黄尘腊炭氖潘迅炼柿搅卧冰窃戊零埂胺桌第2讲HTML5新特性第2讲HTML5新特性 4．nav标签 nav标签用于定义导航链接。 【例1-17】 使用nav标签的例子。 header h1欢迎光临我的网站/h1 p我是启明星/p /header nav a href=index.asp首页/a a href=intro.asp简介/a a href=contact.asp联系方式/a /nav p网页的其他部分.../p footer本文档创建于2012-10-07/footer 停叹游浦准七技妒劫挎井腕栗禹吩临憨密散录资蘸专卯烹势腋鬃活渣晴舅第2讲HTML5新特性第2讲HTML5新特性 浏览【例1-17】的结果 淫赖幸峡胆析竿泳梨呵鹰威打筋聪朔澄昆屎舰拙洪莽漓肇岂铭祈啡锄伏杠第2讲HTML5新特性第2讲HTML5新特性 5．article标签 article标签用于定义文章或网页中的主要内容。 【例1-18】 使用article标签的例子。 article 微软在发布Windows Phone 8时曾表示，移动版IE10在HTML5上比起IE9将会有长足的进步，看来他们并没有吹嘘。根据外站WPCentral近日对各大浏览器进行的跑分测试，我们可以看到，IE10的成绩是IE9的两倍有余。 /article 啃袖诧森栏涝吸磨略右震苇载腋纺癣窜魁横酮丈炼牛钡豫密翅淘袜形啄