4.1 HTML5概述-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

单元4 HTML5新特性 4.1 HTML5概述 PART 01 HTML5的优势 主要内容 CONTENTS PART 03 HTML5的语法变化 PART 02 HTML5的文档声明 2 HTML5的优势 1.解决了跨浏览器、跨平台问题： 在HTML5之前，各种浏览器对HTML、JavaScript的支持都不统一，这就造成了同一个网页在不同浏览器中的显示效果不同。 HTML5的目标是分析各浏览器所具有的功能，并以此制定一个通用的规范、要求每个浏览器都支持这个标准，这也就意味着每个浏览器或者每个平台都可以实现。 目前市面上绝大多数浏览器都支持HMTL5，同时包含移动端等设备上使用的浏览器。 HTML5的优势 2.语义更加明确: div的ID值 被结构语义元素替换 HTML5的优势 3.增强了Web的应用程序 HTML5提供了API实现浏览器内的编辑、拖放、以及各种图形用户界面的功能。 直接使用HTML5就可以播放视频。 HTML5的文档声明化 　　DTD---文档类型定义更加简洁 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML .01//EN""http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> HTML4.01的DTD三种写法： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> XTHML5的DTD三种写法： HTML5的DTD写法： <!DOCTYPE html> HTML5的语法变化 1.元素可以省略标记 不允许写结束标记的元素： area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr 可以省略结束标记的元素： li、 dt、dd、 p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th、 可以省略全部标记的元素： html、head、body、colgroup、tbody HTML5的语法变化 2.HTML5中允许省略属性的值 XHTML HTML5 chenck="checked" checked defer="defer" defer disabled="disabled" disabled ismap="ismap" ismap multiple="multiple" multiple nohref="nohref" nohref noresize="noresize" noresize noshade=" noshade" noshade nowarp="nowarp" nowarp readonly="readonly" readonly selected="selected" selected HTML5的语法变化 3.标签不再区分大小写 示例：<p>Hello world!</P> 但按照规范化的要求，标签尽量使用小写。 4.允许属性值不使用引号 感谢观看 $