第2章HTML5的元素与属性ppt课件.ppt

《第2章HTML5的元素与属性ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章要求：第2章HTML5的元素与属性HTML5与HTML4的语法区别；HTML5中的新增元素HTML5中废除的HTML4元素HTML5中替代HTML4的元素HTML5中的新增属性HTML5中废除的HTML4属性HTML5的全局属性主要内容1.HTML5的语法变化2.新增的元素和废除的元素3.新增的属性和废除的属性4.全局属性5.综合实例——检查单词的拼写情况第2章HTML5的元素与属性2.1.1HTML5中的标记方法2.1.2HTML5与之前版本的不同2.1HTML5的语法变化首先，看一下在HTML5中的标记方法。内容类型（Conten

2、tType）HTML5文件的扩展名和内容类型（ContentType）没有发生变化。即扩展名为“.html”或“.htm”，内容类型（ContentType）为“.text/html”。DOCTYPE声明DOCTYPE声明的HTML文件中不可缺少的。不区分大小写。Web浏览器通过判断文件开头有没有这个声明，让解析器和渲染类型切换成对应HTML5的模式。另外，当使用工具时，也可以在DOCTYPE声明方式中加入SYSTEM标识。（不区分大小写。此外还可将双引号换为单引号来使用），声明方法如下面的代码：

3、PEHTMLSYSTEM"about:legacy-compat">字符编码的设置字符编码的设置方法也有些新的变化。以前，设置HTML文件的字符编码时，要用到如下元素，如下所示：在HTML5中，可以使用元素的新属性charset来设置字符编码。以上两种方法都有效。因此也可以继续使用前者的方法（通过content元素的属性来设置）。但要注意不能同时使

4、用。如下所示：注意：从HTML5开始，文件的字符编码推荐使用UTF-8。2.1.1HTML5中的标记方法HTML5的语法与之前HTML语法在某种程度上达到了一定的兼容性。例如，有时可以看见“

没有结束标签”等HTML现象。HTML5不将这些视为错误，而是“允许这些现象存在，并明确记录在规范中”的方法。那么下面就

5、来看看具体的HTML5语法。可以省略标签的元素在HTML5中，元素可以省略标签。具体来讲有3种情况，具体如下：不允许写结束标记的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr不允许写结束标记的元素是指不允许使用开始标记与结束标记将元素括起来的的形式，只允许使用“<元素/>”的形式进行书写。例如：“
…
”的写法是错误的。正确写法为“
”。当然，在HTML5以前版本中“
”这种写法也是允

6、许的。可以省略结束标签li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th可以省略整个标签（即连开始标签都不用写明）html、head、body、colgroup、tbody需要注意的是，虽然这些元素可以省略，但实际上却是隐式存在的。例如：“”标签可以省略，但在DOM树上它是存在的，可以永恒访问到“document.body”。上述列表中也包括了HTML5的新元素。有关这些新元素的用法，将在后面的章节中详细讲解。2.1.2HTML5与之前版本的

7、不同拥有boolean值的属性拥有布尔值（Boolean）的属性，例如disabled和readonly等，通过省略属性的值来表达值为“true”。如果要表达值为“false”，则直接省略属性本身即可。此外，当写明属性值来表达值为“true”时，可以将属性名设定为属性值，也可以将属性值设为空字符串。如下列所示：

8、hecked="">省略属性的引用符设置属性值时，可以使用双引号或单引号来引用。HTML5将进一步进行改进，只要属性值不包含空字符串、单引号、双引号、“<”、“>”、“'”、“"”、“`”、“