当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <head>用法及代码示例


HTML中的<head>标记用于定义文档的头部,其中包含与文档相关的信息。
<head>标记包含其他head元素,例如<title>,<meta>,<link>,<style> <link>等。
在HTML 4.01中,<head>元素是必需的,但在HTML5中,可以省略<head>元素。

标签特定属性

<hr>标记的以下提到的layout-attributes已从HTML5中删除。
属性:

  • profile:它用于指定文档的URL,该文档包含一个或多个元数据配置文件,供浏览器清楚地了解该信息。

用法:

<head>
<title>Title of the document</title>
</head>

以下示例程序旨在说明<head>元素:



输入:

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <title>HTML Head Tag </title> 
</head> 
  
<body> 
    <p>GeeksforGeeks is a portal for geeks.</p> 
    <hr> 
</body> 
  
</html>

输出:

2.在头标签内使用样式标签。
输入:

<!DOCTYPE html> 
  
<html> 
  
<head> 
    <style> 
        body { 
            background:skyblue; 
        } 
          
        h1 { 
            color:red; 
        } 
          
        p { 
            color:blue; 
        } 
    </style> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <p>It is a portal for geeks.</p> 
  
</body> 
  
</html>

输出:

3.在head标签内使用link标签。
输入:

<!DOCTYPE html> 
  
<html> 
  
<head> 
    <link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <p>It is a portal for geeks.</p> 
  
</body> 
  
</html>

输出:

支持的浏览器:<head>标签支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • Opera
  • Safari

相关用法


注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | <head> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。