web前端知识系统基础知识——HTML元素和语言

1.文档元信息

元信息是指描述自身的信息。元信息标签是HTML用来描述文档本身的标签。它们通常出现在标题标签中，通常不显示在页面上(相比之下，其他标签，如语义标签，描述业务)。

1.1头部

头标签本身不携带任何信息，主要是作为其他语义标签的容器。

Head tag规定它必须是html标签中的个标签，它的内容必须包含一个标题，最多一个base。如果文档是iframe，或者文档标题是以其他方式指定的，则可以允许不包含标题标签。

1.2标题

标题标签指示文档的标题。

1.3元

元标签是一组键值对，是一种通用的元信息表示标签。

你可以在头部放置任意数量的元标签。通用元标签由两个属性定义：名称和内容。名称表示元信息的名称，内容用于表示元信息的值。

这里的名字是比较自由的约定，http标准规定了一些名字作为大家使用的共识，鼓励大家自己发明名字使用。

除了基本用法之外，还有一些元标签的变体，主要用于简化编写或声明自动行为。

从HTML5开始，为了简化编写，元标签增加了charset属性。具有字符集属性的元标签不需要名称和内容。

meta charset='UTF-8' /

带有http-equiv属性的元标记意味着执行一个命令，因此元标记不需要名称属性。

例如，下面的代码相当于添加内容类型的http头并指定http编码方法。

meta http-equiv=' content-type ' content=' text/html；charset=UTF-8' /

除了内容类型，还有以下命令：

其实元标签是可以自由定义的，只要名字和内容的格式得到读写双方的同意。

名称是viewport的meta，在HTML标准中没有定义，但却是移动开发事实上的标准。

这类元的名称属性是viewport，内容是一个复杂的结构，是用逗号分隔的键值对，键值对的格式是key=value。

例如：

这里只指定了两个属性，宽度和比例。事实上，视口可以控制更多，它可以表示的所有属性如下：

对于已适应移动终端的网页，应禁用用户缩放功能，并将宽度设置为设备宽度。标准元如下：

在HTML标准中，也定义了一些元标签名，可以看作是一种带有约定的元。

2.语义相关内容

2.1语义标签优势

2.2常用的语义标签

2.3适合使用语义场景

3.链接

链接是HTML中的一种机制，是HTML文档与其他文档或资源之间的连接关系。HTML中有两种类型的链接。一个是超链接标签，一个是外部资源链接。

链接族中有面积标记、面积标记和链接标记。

3.1链接标签

链接标签也是一种元信息。很多时候对浏览器不会有什么影响，这也是很多人会忽略链接标签学习的原因。

链接标签生成一个链接，该链接可以生成超链接或指向外部资源的链接。

有些链接标签会生成超链接，不会像A标签那样显示在网页上。这是超链接类型的链接标签。

这意味着在大多数浏览器中，这些链接标签没有任何作用。但是这些链接标签是可以被搜索引擎和一些浏览器插件识别的，起到了关键作用。

例如，可以通过浏览器的RSS订阅插件识别到页面的RSS的链接标签，提示用户当前页面可以通过RSS订阅。

其他的链接标签将外部资源链接到文档，也就是说，他们实际上下载这些资源并做一些处理，例如，我们经常使用链接标签来引入样式表。

除了元信息的使用，大部分外部资源的链接标签也可以在正文中使用，从而起到将外部资源链接成文档的作用。

链接标签的链接类型主要通过rel属性来区分，其代码如下：

链接rel='xx './

3.1.1超链接类别链接标签

超链接链接