本文共 1646 字，大约阅读时间需要 5 分钟。

   
  
      
        
   
  
          
      
    
   
  
   
  
head元素
  
   
  
head元素是HTML文档中包含所有头部标签的唯一容器。在head中可以插入script、style、meta、link等标签及其他相关元素，例如title标签。
  
   
  
title标签
  
   
  
title标签用于为文档定义标题。每个文档只能有一个title标签，且必须位于head内。如果不添加title标签，则浏览器无法正确解析图片大小和其他内容，但页面仍可正常显示。
  
   
  
   
  
    
    
定义文档的浏览器标题栏内容。
  
    
    
搜索引擎会使用标题作为搜索结果的标题。
  
    
    
用于收藏夹中显示网页标题。
  
   
  
   
  
base标签
  
   
  
base标签用于为页面中的链接指定默认的基础地址。它作为一个链接标签的默认目标，可以简化链接路径的书写。例如，嵌入图片标签中的src属性可以直接指向相对路径，而无需完整路径。
  
   
  
  
   
  
这样可以确保所有嵌入的图片和链接都基于http://www.runoob.com展开。
  
   
  
link标签
  
   
  
link标签用于在文档中建立外部资源的链接关系，常用于加载外部CSS样式表。link标签需要包含rel="stylesheet"属性，否则不会生效。
  
   
  
  
     
  
   
  
link标签也可用于定义页面间的关系，但内部只能设置script标签或其他标签无法建立关系，而链式标签可能无关紧要.
  
   
  
style标签
  
   
  
style标签用于包含 CSS样式表。它不仅可以放置在head元素中，也可以放在body元素中，但此时默认为display: none，不会直接显示内容。如果将其设置为block则可以使用。
  
   
  
可以在head中添加全局样式表，或在其它位置添加独立的脚本样式表，适用于不同场景的需求管理。
  
   
  
meta标签
  
   
  
meta标签用于定义文档的元数据，通常不显示在页面上，但浏览器或其他服务会解析该信息。例如，可以为页面定义描述、关键词、作者、编码等信息。
  
   
  
  
     
  
   
  
meta标签可以通过http-equiv属性进一步扩展功能，例如meta refresh可以设置页面刷新时间。
  
   
  
http-equiv属性
  
   
  
http-equiv属性用于为meta标签指定特定的解析方式。例如，content-type属性可在HTML4.01中用meta http-equiv="content-type" content="text/html; charset=UTF-8"表达，而在HTML5中使用meta charset="UTF-8"更为简洁。
  
   
  
name属性
  
   
  
name属性用于为meta标签提供命名空间，结合http-equiv属性使用时应避免重复定义。如果标签同时设定name和http-equiv属性，浏览器通常只解析http-equiv属性的值具有最高优先级。
  
   
  
script标签
  
   
  
script标签用于加载外部脚本文件（如JavaScript文件），内部还可以包含直接的脚本语句。如需在页面加载后执行脚本，可以将其嵌入到body标签中且无需外部链接。
  
   
  
  
  
   
  
noscript标签
  
   
  
noscript标签提供客户端脚本无法运行时的替代内容。例如，当浏览器禁用JavaScript时，noscript标签中的内容会被显示。这个标签可包含任何支持的HTML元素，如p、h、div等。