<head>

Html文档的头部，包含机器可读的文档相关信息，如文档的标题、脚本和样式表。

<head> 主要保存供机器处理的信息，而非人类可读信息。对于人类可见的信息，如顶级标题和列出的作者，请参见 <header> 元素。

示例1：

<!doctype html>

<html lang="zh-CN">

  <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width" />

    <title>文档标题</title>

  </head>

</html>

 

可用于head元素内部的元素：

<title>

<title> 元素 定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，则它包含的任何标签都将被忽略。

示例：

<title>这里写标题</title>

 

注意：只能放在<head>元素中使用，一个 <head> 元素只能包含一个 <title> 元素。

页面标题和SEO

页面标题的内容可能对搜索引擎优化（SEO）具有重要意义。通常，较长的描述性标题要比简短或一般性标题更好。标题的内容是搜索引擎算法用来确定在搜索结果中列出页面顺序的组件之一。同样，标题是初始的“挂钩”，你可以通过它吸引浏览浏览结果页面的读者的注意力。

撰写好标题的一些准则和技巧：

·        避免使用一两个单词的标题。对于词汇表或参考样式的页面，请使用描述性短语或术语 - 定义对。

·        搜索引擎通常显示页面标题的前 55 至 60 个字符。超出此范围的文本可能会丢失，因此请尽量不要使标题更长。如果你必须使用较长的标题，请确保重要的部分出现在前面，并且标题中可能要删除的部分中没有关键内容。

·        不要使用“关键字集合”。如果标题只是单词列表，则算法通常会降低页面在搜索结果中的位置。

·        尝试确保你的标题在你自己的网站中尽可能唯一。标题重复（或几乎重复）可能会导致搜索结果不准确。

 

示例2：

<title>菜单 – 海底捞火锅 - FoodYum：今日可送达的在线外卖！</title>