హ్ట్మ్ఎల్ <head> టాగ్

定义和用法

<head> 元素是元数据(关于数据的数据)的容器,位于 <html> 标签<body> 标签 之间。

元数据是有关 HTML 文档的数据。元数据不会被显示。

元数据通常定义文档标题、字符集、样式、脚本和其他元信息。

以下元素可以放置在 <head> 元素内:

详细说明

<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

每个 HTML 文档都应该包含一个 head 元素,head 元素中必须包含一个 title 元素.

<title> 标签 定义文档的标题,它是 head 部分中唯一必需的元素。

另请参阅:

HTML 教程:HTML 头部

HTML DOM 参考手册:Head 对象

实例

例子 1

一个简单却完整的 HTML 文档,在 head 部分内有一个 <title> 标签:

<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <h1>这是标题</h1>
    <p>这是一个段落。</p>
  </body>
</html>

స్వయంగా ప్రయత్నించండి

例子 2

<base> 标签(规定页面上所有链接的默认 URL 和目标),位于 <head> 内:

<html>
  <head>
    <base href="https://www.codew3c.com/" target="_blank">
  </head>
<body>
  <img src="pic/tree.png" width="150" height="161" alt="Tree">
  <a href="tags/tag_base.asp">HTML base 标签</a>
</body>
</html>

స్వయంగా ప్రయత్నించండి

例子 3

<style> 标签(向页面添加样式信息),位于 <head> 内:

<html>
  <head>
    <style>
      h1 {color:red;}
      p {color:blue;}
    </style>
  </head>
  <body>
    <h1>ఒక శీర్షిక.</h1>
    <p>ఒక ప్యారాగ్రాఫ్.</p>
  </body>
</html>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

<link> టాగ్బాహ్య షేడ్లు కి లింక్ చేసిన ఉంది: <head> లో

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="styles.css">
  </head>
  <body>
    <h1>నేను లింకు షేడ్లు ఉపయోగించాను ఫార్మాట్ చేసాను.</h1>
    <p>నేను కూడా!</p>
  </body>
</html>

స్వయంగా ప్రయత్నించండి

గ్లోబల్ అట్రిబ్యూట్స్ ను మద్దతు ఇస్తాయి

<head> టాగ్ లు కూడా HTML లో గ్లోబల్ అట్రిబ్యూట్స్.

డిఫాల్ట్ CSS సెట్టింగ్స్

అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ విలువలను ఉపయోగిస్తాయి <head> అంశం:

head {
  display: none;
}

బ్రౌజర్ మద్దతు

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు