HTML5中的标记方法

我们来看一下在HTML5中的标记方法。

 内容类型(ContentType)

首先,HTML5文件的扩展名和内容类型没有发生变化。即扩展名还是.html或.htm,内容类型还是.text/html。

 DOCTYPE声明

要使用HTML5标记,必须先进行如下的DOCTYPE声明。不区分大小写。Web浏览器通过判断文件开头有没有这个声明,让解析器和渲染类型切换成对应HTML5的模式。

<!DOCTYPE html>

另外,当使用工具时,也可以在DOCTYPE声明方式中加入SYSTEM标识。不区分大小写。此外还可将双引号换为单引号来使用,声明方法如下面的代码。

<!DOCTYPE HTML SYSTEM "about:legacy-compat">

 字符编码的设置

字符编码的设置方法也有些新的变化。以前,设置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。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容