HTML 頭部

2023-06-03 16:55 更新

HTML <head>

HTML 頭部元素包含關(guān)于文檔的概要信息，也被稱(chēng)為元信息（meta-information）。

查看在線實(shí)例

<title> - 定義了HTML文檔的標(biāo)題
使用 <title> 標(biāo)簽定義HTML文檔的標(biāo)題

<base> - 定義了所有鏈接的URL
使用 <base> 定義頁(yè)面中所有鏈接默認(rèn)的鏈接目標(biāo)地址。

<meta> - 提供了HTML文檔的meta標(biāo)記
使用 <meta> 元素來(lái)描述HTML文檔的描述，關(guān)鍵詞，作者，字符集等。

HTML <head> 元素

<head> 元素包含了所有的頭部標(biāo)簽元素。在 <head>元素中你可以插入腳本（scripts）, 樣式文件（CSS），及各種 meta 信息。

可以添加在頭部區(qū)域的元素標(biāo)簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

<head> 元素描述了文檔的各種屬性和信息，其中包括文檔的標(biāo)題、在 Web 中的位置以及和其他文檔的關(guān)系等。

HTML <title> 元素

<title> 標(biāo)簽定義了不同文檔的標(biāo)題。

title 在 HTML/XHTML 文檔中是必須的。

title 元素:

  • 定義了瀏覽器工具欄的標(biāo)題
  • 當(dāng)網(wǎng)頁(yè)添加到收藏夾時(shí)，顯示在收藏夾中的標(biāo)題
  • 顯示在搜索引擎結(jié)果頁(yè)面的標(biāo)題

一個(gè)簡(jiǎn)單的 HTML 文檔:

實(shí)例

<!DOCTYPE html>      

<html>        

<head>        

<title>編程獅(w3cschool.cn)</title>        

</head>                

<body>       

w3cschool隨時(shí)隨地學(xué)編程！         

</body>                

</html>


嘗試一下 ?

HTML <base> 元素

<base> 標(biāo)簽描述了基礎(chǔ)的鏈接地址/鏈接目標(biāo)，該標(biāo)簽作為HTML文檔中所有的鏈接 規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)（target）：

<head>       

<base href="http://o2fo.com/images/" target="_blank">      

</head>

提示：在 HTML 中，<base> 標(biāo)簽沒(méi)有綁定標(biāo)簽；在 XHTML 中，<base> 標(biāo)簽必須被正確關(guān)閉。

HTML <link> 元素

<link> 標(biāo)簽確定了文檔與外部資源之間的關(guān)系。

<link> 標(biāo)簽通常用于鏈接到樣式表：

<head>       

<link rel="stylesheet" type="text/css" href="mystyle.css">        

</head>

HTML <style> 元素

<style> 標(biāo)記定義了HTML文檔的樣式文件引用地址。

在<style>元素中你需要指定格式的文件來(lái)自流染HTML文件：

實(shí)例

<head>        

<style type="text/css">        

body {background-color:yellow}        

p {color:blue}        

</style>        

</head>


試一試 ?

HTML <meta> 元素

元數(shù)據(jù)（元數(shù)據(jù)）是關(guān)于數(shù)據(jù)的信息。

<meta> 標(biāo)簽提供關(guān)于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁(yè)面上，但對(duì)于機(jī)器是可讀的。

典型的情況是，meta元素被用于規(guī)定頁(yè)面的描述、關(guān)鍵詞、文檔的作者、最后修改時(shí)間以及其他元數(shù)據(jù)。

<meta> 標(biāo)簽開(kāi)始位置于 head 元素中。

元數(shù)據(jù)可用于瀏覽器（如何顯示內(nèi)容或重新加載頁(yè)面），搜索引擎（關(guān)鍵詞），或其他Web服務(wù)。

針對(duì)搜索引擎的關(guān)鍵詞

一些搜索引擎使用元素的名稱(chēng)和內(nèi)容屬性來(lái)搜索您的頁(yè)面。

下面的元元素定義頁(yè)面的描述：

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

下面的元元素定義頁(yè)面的關(guān)鍵詞：

<meta name="keywords" content="HTML, CSS, XML" />

name 和 content 屬性的作用是描述頁(yè)面的內(nèi)容。

HTML <script> 元素

<script> 標(biāo)簽用于加載腳本文件，如：JavaScript。

<script>元素在以下章節(jié)會(huì)詳細(xì)描述。

HTML頭元素

標(biāo)簽 描述
<head> 確定了文檔的信息
<title> 確定了文檔的標(biāo)題
<base> 確定了頁(yè)面鏈接標(biāo)簽的默認(rèn)鏈接地址
<link> 確定了一個(gè)文件和外部資源之間的關(guān)系
<meta> 確定了HTML文檔中的元數(shù)據(jù)
<script> 確定了客戶端的腳本文件
<style> 確定了HTML文檔的格式文件


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)