原文链接

HTML基本标签

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

文档类型，告诉浏览器如何解析网页。

简单声明 doctype 为 html，浏览器就会按照 HTML 5 的规则处理网页。

该标签采用完全大写的形式，以便区别于正常的 HTML 标签。

<!doctype> 本质上不是标签，更像一个处理指令。

<html> 标签是网页的顶层容器，即标签树结构的顶层节点，也称为根元素（root element），其他元素都是它的子元素。

一个网页只能有一个 <html> 标签。

该标签的 **lang** 属性，表示网页内容默认的语言。

<head> 标签是一个容器标签，用于放置网页的元信息。

它的内容不会出现在网页上，而是为网页渲染提供额外信息。

<head> 是 <html> 的第一个子元素。

如果网页不包含 <head>，浏览器会自动创建一个。

<head> 的子元素一般有下面七个

<meta> 标签用于设置或说明网页的元数据，必须放在 **<head>** 里面。

一个 <meta> 标签就是一项元数据，网页可以有多个 <meta>。

<meta> 标签约定放在 <head> 内容的最前面。

charset 属性

<meta> 标签的 charset 属性，用来指定网页的编码方式。一般都指定为 utf-8。

name 属性、content 属性

<meta> 标签的 name 属性表示元数据的名字，content 属性表示元数据的值。它们合在一起使用，就可以为网页指定一项元数据。

<meta name="viewport" content="width=device-width, initial-scale=1">

上面代码表示网页在手机端可以自动缩放。

http-equiv 属性，content 属性

<meta> 标签的 http-equiv 属性用来覆盖 HTTP 回应的头信息字段，content 属性是对应的字段内容。

<meta http-equiv="Content-Security-Policy" content="default-src 'self'">

上面代码可以覆盖 HTTP 回应的 Content-Security-Policy 字段。

<title> 标签用于指定网页的标题，会显示在浏览器窗口的标题栏。

搜索引擎根据这个标签，显示每个网页的标题。它对于网页在搜索引擎的排序，有很大的影响，应该精心安排，反映网页的主题。

<title> 标签的内部，不能再放置其他标签，只能放置无格式的纯文本。