铁乐与猫
铁乐与猫

HTML-head头部浅析

HTML结构

在sublime或HBuildr新建HTML文件，输入html:5,按下tab键后，自动生成的代码大致如下：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
head>
<body>

body>
html>

文档声明头

标准的HTML页面，第一行以

开头，而这一行就被称为文档声明头。
DocType Declaration，简称DTD。
此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

HTML4.01一共有6种DTD，也就是说HTML第一行语句一共有6种：
HTML-head头部浅析_第1张图片

上图中的三种小规范进行解释：

  • strict：表示“严格的”，这种模式里面的要求更为严格。
  • Transitional：表示“普通的”，这种模式就是没有一些别的规范。
  • Frameset：表示“框架”，在框架的页面使用。

strict这种严格体现在哪里？有一些标签不能使用。 比如，u标签，就是给一个本文加下划线，但是这和HTML的本质有冲突，因为HTML只能负责语义，不能负责样式，而u这个下划线是样式。所以，在strict中是不能使用u标签的。那怎么给文本增加下划线呢？可以使用css属性来解决。XHTML1.0更为严格，因为这个体系本身规定比如标签必须是小写字母、必须严格闭合标签、必须使用引号引起属性等等。

在sublime输入的html:xt，x表示XHTML，t表示transitional。
HTML5中极大的简化了DTD，也就是说HTML5中就没有XHTML了。

头标签(head)

head标签是所有头部元素的容器。

<head>内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息等。
可添加到head部分的标签：<title>、<base>、<meta>、<link>、<script>、