本章要求:第2章HTML5 的元素与属性?HTML5 与HTML4 的语法区别; ?HTML5 中的新增元素?HTML5 中废除的 HTML4 元素?HTML5 中替代 HTML4 的元素?HTML5 中的新增属性?HTML5 中废除的 HTML4 属性?HTML5 的全局属性主要内容 的语法变化 ——检查单词的拼写情况第2章HTML5 的元素与属性 HTML5 中的标记方法 HTML5 与之前版本的不同 HTML5 的语法变化首先,看一下在 HTML5 中的标记方法。?内容类型( ContentType ) HTML5 文件的扩展名和内容类型( ContentType )没有发生变化。即扩展名为“.html ”或“.htm ”, 内容类型( ContentType )为“.text/html ”。?DOCTYPE 声明 DOCTYPE 声明的 HTML 文件中不可缺少的。不区分大小写。 Web 浏览器通过判断文件开头有没有这个声明,让解析器和渲染类型切换成对应 HTML5 的模式。<!DOCTYPE html> 另外,当使用工具时,也可以在 DOCTYPE 声明方式中加入 SYSTEM 标识。(不区分大小写。此外还可将双引号换为单引号来使用),声明方法如下面的代码: <!DOCTYPE HTML SYSTEM "about:pat"> ?字符编码的设置字符编码的设置方法也有些新的变化。以前,设置 HTML 文件的字符编码时,要用到如下<meta> 元素,如下所示: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 在 HTML5 中,可以使用<meta> 元素的新属性 charset 来设置字符编码。<meta charset="UTF-8"> 以上两种方法都有效。因此也可以继续使用前者的方法(通过 content 元素的属性来设置)。但要注意不能同时使用。如下所示: <!-- 不能混合使用 charset 属性和 http-equiv 属性--> <meta charset="UTF-8" http-equiv="Content-Type" content="text/html;charset=UTF-8"> 注意:从 HTML5 开始,文件的字符编码推荐使用 UTF-8 。 HTML5 中的标记方法 HTML5 的语法与之前 HTML 语法在某种程度上达到了一定的兼容性。例如,有时可以看见“<p> 没有结束标签”等HTML 现象。 HTML5 不将这些视为错误,而是“允许这些现象存在,并明确记录在规范中”的方法。那么下面就来看看具体的 HTML5 语法。?可以省略标签的元素在HTML5 中,元素可以省略标签。具体来讲有 3种情况,具体如下: 不允许写结束标记的元素有: area 、base 、br、col 、command 、embed 、hr、img 、input 、keygen 、link 、meta 、param 、source 、track 、wbr 不允许写结束标记的元素是指不允许使用开始标记与结束标记将元素括起来的的形式,只允许使用“<元素/>”的形式进行书写。例如: “<br> …</br> ”的写法是错误的。正确写法为“<br/> ”。当然,在 HTML5 以前版本中“<br> ”这种写法也是允许的。?可以省略结束标签 li、dt、dd、p、rt、rp、optgroup 、option 、colgroup 、thead 、tbody 、tfoot 、tr、td、th ?可以省略整个标签(即连开始标签都不用写明) html 、head 、body 、colgroup 、tbody 需要注意的是,虽然这些元素可以省略,但实际上却是隐式存在的。例如: “<body> ”标签可以省略,但在 DOM 树上它是存在的,可以永恒访问到“ ”。上述列表中也包括了 HTML5 的新元素。有关这些新元素的用法,将在后面的章节中详细讲解。 HTML5 与之前版本的不同?拥有 boolean 值的属性拥有布尔值( Boolean )的属性,例如 disabled 和readonly 等,通过省略属性的值来表达值为“true ”。如果要表达值为“false ”,则直接省略属性本身即可。此外,当写明属性值来表达值为“true ”时,可以将属性名设定为属性值,也可以将属性值设为空字符串。如下列所示: <!-- 以下的 checked 属性值皆为
HTML5应用开发与实践课件第2章HTML5的元素与属性 来自淘豆网m.daumloan.com转载请标明出处.
