Head 标签内容

1. 概述

<head> 标签中保存的是网页的 元数据 内容,不会在页面上展示;

下面简单介绍几个 <head> 标签中比较重要的子标签。

2. <title> 标签

这个标签保存着网页的标题内容,一般是网页的名字;会显示在浏览器的标题栏,在收藏网页的时候作为默认名字进行存储。

<title> 标签还可以用于 SEO,提升搜索排名

3. <meta> 标签

这是 <head> 中比较重要的一个子标签内容,包含了网站的元数据,其中主要包括:

  1. charset 编码,可以用 <meta>charset 属性来指定

    1
    <meta charset="utf-8">

    通过这种方法,可以硬指定网站使用的编码,如果浏览器强制使用的编码不正确,则可能无法正确渲染网页。

  2. 元数据信息,通过 namedescription 属性来描述

    name 描述的是元数据的名字,description 属性才是真正的元数据内容。

    可以使用元数据内容为网站进行 SEO,或者提供网站维护者的信息。

  3. 特殊的元数据

    可以通过一些特别的元数据描述来对特定的网站链接进行富文本优化。

    如可以使用 og 前缀,让网站在 Facebook 的链接进行富文本化,显示网站 logo 和内容。

<link> 标签主要有以下的作用:

  1. 用于表示网站 logo

    可以使用 rel 属性指定为 icon,然后使用 herf 链接到图片

  2. 用于链接外部 CSS

    属于最常用功能,通过 rel="stylesheet"herf 来指定需要链接的外部 CSS 表

5. <script> 标签

用于指定页面使用的 JS 内容

可以直接包含 js 文本,也可以通过 src 属性来指定外部 .js 文件

6. 指定语言

这虽然不是 <head> 标签的内容,但是语言作为网页元数据的一种,有必要在这里说明。

可以通过给任何的标签添加 lang 属性来设置语言,如果要给整个页面指定语言,则在 <html> 标签中添加 lang 属性即可。

1
<html lang="zh_CN">
0%