1 2 HTML 5 DOCTYPE DOCTYPE html PUBLIC
1. 2 全新的HTML 5 • 从“头”说起 –简化的DOCTYPE声明 <!DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML 1. 0 Transitional//EN" "http: //www. w 3. org/TR/xhtml 1/DTD/xhtml 1 transitional. dtd"> 在HTML 5中 <!DOCTYPE html> –简化的字符集声明 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 在HTML 5中 <meta charset=”utf-8” /> 17
1. 2 全新的HTML 5 • 明确简介的结构； <div id=”header”> //页眉 </div> 在HTML 5中 <header> //页眉 </header> Header、footer、section、article、aside、nav 18
1. 2 全新的HTML 5 • 新增的元素； –结构片段：header、footer、section、article、aside、 nav； –进度信息：meter、progress； –交互性元素：command、datalist； –内嵌应用元素及辅助元素：audio、video、source、 track、canvas、embed； –在文档和应用中使用元素：details、summary、 figcaption、figure、hgroup； – Ruby标签：ruby、rp、rt； –文本和文本标记元素：bdi、mark、time、output； –其他：keygen、wbr。 19
1. 2 全新的HTML 5 • 废弃的元素； –能使用CSS方案替代的元素 • basefont、big、center、font、s、strike、tt、u –不再支持frame框架 • srameset、frame、noframe。Iframe保留 –其他被废弃的元素 • applet、bgsound、marquee、dir…… 20
1. 2 全新的HTML 5 • 全新的选择器； • 根据类名匹配元素（DOM API） – var els=document. get. Element. By. Class. Name（ ”section”）; • 根据CSS选择器匹配元素（Selectors API） – query. Selector()返回匹配到第一个元素，如果没有匹配 则返回值null。 – var els=document. query. Selector(“ul li: nth-child(odd)”) – query. Selector. All()返回所有匹配到的元素数组，如果没 有匹配则返回空的数组。 – Var els=document. query. Selector. All(“ul li: nthchild(odd)”); 21
- Slides: 26