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元素，代码如下。

在HTML5中，可以使用<meta>元素的新属性charset来设置字符编码。

以上两种方法都有效。因此也可以继续使用前者（通过content元素的属性来设置）。但二者不能同时使用。如下所示代码的使用方法是错误的。

注意

从HTML5开始，文件的字符编码推荐使用UTF-8。

TML5 是一种用于建立和呈现网页内容的标准标记语言。它引入了一些新的元素、属性和 API，使得开发者能够更轻松地创建富媒体和交互性网页。下面是一些 HTML5 的常见用法：

结构化标签：HTML5 引入了一些新的语义化标签，如 <header>、<nav>、<section>、<article>、<footer> 等，用于更清晰地描述网页的结构和内容。
多媒体支持：HTML5 提供了 <audio> 和 <video> 标签，使得在网页中直接嵌入音频和视频变得更简单。开发者可以通过指定源文件格式和相关参数来控制多媒体内容的播放。

Canvas 绘图：HTML5 的 <canvas> 元素允许开发者使用 JavaScript 在网页上绘制图形、动画和数据可视化效果。通过将图形绘制到画布上，开发者可以实现各种自定义的交互式效果。
地理位置定位：HTML5 引入了 Geolocation API，用于获取用户设备的地理位置信息。开发者可以使用这些信息来提供定位服务、个性化内容和导航等功能。
本地存储：HTML5 支持 Web Storage、IndexedDB 和 Web SQL Database 等本地存储技术，使得浏览器能够在客户端存储数据，以便在离线时访问和更新。
Web Workers：HTML5 引入了 Web Workers API，允许在后台运行脚本，从而提高网页的性能和响应速度。开发者可以将耗时的任务放在后台线程中进行处理，不会阻塞主线程的执行。

总而言之，HTML5 提供了许多新的功能和 API，使得开发者能够更灵活、更强大地构建现代网页应用。同时，它也更好地支持移动设备和多媒体内容，提供了更好的用户体验。

文来自《HTML自学视频教程》

软件开发技术联盟编著

清华大学出版社

课本第21页

2.3.6 设置限制搜索的方式

网页可以通过在meta中设置来限制搜索引擎对页面的搜索方式

如下content值与其对应的含义

All 表示能搜索当前网页及其链接的网页

Index 表示能搜索当前网页

Nofollow 表示不能搜索与当前网页链接的网页

Noindex 表示不能搜索当前网页

None 表示不能搜索当前网页及与其链接的网页

实例代码：

*请认真填写需求信息，我们会在24小时内与您取得联系。