分享编程知识与技巧 致力于技术交流与学习 找我合作私聊 有偿解决计算机问题

本章介绍一些最新引入标准的标签。

-- 各种表单控件-->上面代码就是表单的基本形式。下面是一个比较常见的例子。用户名：

表格（table）以行（row）和列（column）的形式展示数据。

标签用于在网页里面嵌入其他网页。

除了图像，网页还可以放置视频和音频。标签是一个块级元素，用于放置视频。如果浏览器支持加载的视频格式，就会显示一个播放器，否则显示内部的子元素。上面代码中，如果浏览器不支持该种格式的视频，就会显示内部的文字提示。有以下属性。srccontrolswidthheightautoplayloopmutedposterpreloadautoplaynonemetadataautoanonymousduration+Infinity下面是一个例子。

用户关闭 JavaScript 可能是为了节省带宽，以延长手机电池寿命，或者为了防止追踪，保护隐私。还有下面一些其他属性，大部分跟 JavaScript 语言有关，可以参考相关的 JavaScript 教程。属性给出脚本的类型，默认是 JavaScript 代码，所以可省略。上面这段代码，只有浏览器不能执行 JavaScript 代码时才会显示，否则就不会显示。支持 ES6 模块的浏览器，会不加载指定的脚本。用于加载脚本代码，目前主要是加载 JavaScript 代码。上面代码嵌入网页，会立即执行。

标签主要用于将当前网页与相关的外部资源联系起来，通常放在元素里面。最常见的用途就是加载 CSS 样式表。上面代码为网页加载样式表theme.css。除了默认样式表，网页还可以加载替代样式表，即默认不生效、需要用户手动切换的样式表。上面代码中，是默认样式表，默认就会生效。fancy.css和basic.css是替换样式表（），默认不生效。title属性在这里是必需的，用来在浏览器菜单里面列出这些样式表的名字，供用户选择，以替代默认样式表。

标签就代表一个可以跳转的链接。它不仅可以跳转到其他页面，也可以跳转到文本、图像、文件等资源，甚至当前页面的某个位置。可以这样说，所有互联网上的资源，都可以通过访问。下面就是一个典型的链接。维基百科

图片是互联网的重要组成部分，让网页变得丰富多彩。本章介绍如何在网页插入图片。标签用于插入图片。它是单独使用的，没有闭合标签。上面代码在网页插入一张图片foo.jpg。src属性指定图片的网址，上例是相对 URL，表示图片与网页在同一个目录。默认是一个行内元素，与前后的文字处在同一行。上面代码的渲染结果是，文字和图片在同一行显示。图像默认以原始大小显示。如果图片很大，又与文字处在同一行，那么图片将把当前行的行高撑高，并且图片的底边与文字的底边在同一条水平线上。可以放在

列表是一系列排列好的项目，主要分成两类：有序列表和无序列表。有序列表是每个列表项前面有编号，呈现出顺序，就像下面这样。无序列表则是列表项前面没有编号，只有一个列表符号，默认是一个圆点。标签是一个有序列表容器（ordered list），会在内部的列表项前面产生数字编号。列表项的顺序有意义时，比如排名，就会采用这个标签。上面代码会在列表项 A、B、C 前面，分别产生1、2、3的编号。标签内部可以嵌套标签或标签，形成多级列表。

历史上，网页的主要功能是文本展示。所以，HTML 提供了大量的文本处理标签。

HTML 标签的名称都带有语义（semantic），使用时应该尽量符合标签的语义，不要用错误语义的标签。语义良好的网页，天然具有良好的结构，对于开发者易读易写，容易维护，也能帮助计算机更好地处理网页内容。

网页包含了大量的文字，浏览器必须知道这些文字的编码方法，才能把文字还原出来。一般情况下，服务器向浏览器发送 HTML 网页文件时，会通过 HTTP 头信息，声明网页的编码方式。上面代码中，HTTP 头信息的字段先声明，服务器发送的数据类型是text/html（即 HTML 网页），然后声明网页的文字编码是UTF-8。网页内部也会再用标签，再次声明网页的编码。

网页元素的属性（attribute）可以定制元素的行为，不同的属性会导致元素有不同的行为。元素属性的写法是 HTML 标签内部的“键值对”。上面代码中，标签内部的键值对lang="en"，就称为html元素的属性。属性名为lang，属性值为en。属性名与标签名一样，不区分大小写，lang和LANG是同一个属性。属性名与属性值之间，通过等号连接。属性值可以放在单引号或双引号之中，建议统一使用双引号。某些属性值可以不使用引号，但是建议不要这样写。

URL 是“统一资源定位符”（Uniform Resource Locator）的首字母缩写，中文译为“网址”，表示各种资源的互联网地址。下面就是一个典型的 URL。所谓资源，可以简单理解成各种可以通过互联网访问的文件，比如网页、图像、音频、视频、JavaScript 脚本等等。只有知道了它们的 URL，才能在互联网上获取它们。只要资源可以通过互联网访问，它就必然有对应的 URL。一个 URL 对应一个资源，但是同一个资源可能对应多个 URL。URL 是互联网的基础。

HTML 是网页使用的语言，定义了网页的结构和内容。浏览器访问网站，其实就是从服务器下载 HTML 代码，然后渲染出网页。HTML 的全名是“超文本标记语言”（HyperText Markup Language），上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李（Tim Berners-Lee）发明。它的最大特点就是支持超链接，点击链接就可以跳转到其他网页，从而构成了整个互联网。1999年，HTML 4.01 版发布，成为广泛接受的 HTML 标准。