HTML 頭部

HTML <head> 元素


<head>元素包含了所有的頭部標簽元素。

  • <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
  • 可以添加在頭部區(qū)域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

HTML <title> 元素


<title>標簽定義了不同文檔的標題。

  • <title>在 HTML/XHTML 文檔中是 必須 的。
  • <title>元素:
  • 定義了瀏覽器工具欄的標題
  • 當網(wǎng)頁添加到收藏夾時,顯示在收藏夾中的標題
  • 顯示在搜索引擎結(jié)果頁面的標題

一個簡單的 html 文檔:

<!DOCTYPE html>
<html>

<head> 
<meta charset="utf-8"> 
<title>文檔標題</title>
</head>

<body>
文檔內(nèi)容......
</body>

</html>

HTML <base> 元素


<base>標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接:

<head>
<base  target="_blank">
</head>

HTML <link> 元素


<link>標簽定義了文檔與外部資源之間的關系。

<link>標簽通常用于鏈接到樣式表:

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

HTML <style> 元素


<style>標簽定義了HTML文檔的樣式文件引用地址.

<style>元素中你需要指定樣式文件來渲染HTML文檔:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> 元素


<meta>標簽描述了一些基本的元數(shù)據(jù)。

  • <meta>標簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上,但會被瀏覽器解析。
  • META元素通常用于指定網(wǎng)頁的描述,關鍵詞,文件的最后修改時間,作者,和其他元數(shù)據(jù)。
  • 元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。
  • <meta>一般放置于<head>區(qū)域
<meta> 標簽- 使用實例

為搜索引擎定義關鍵詞:

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

為網(wǎng)頁定義描述內(nèi)容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定義網(wǎng)頁作者:

<meta name="author" content="Hege Refsnes">

每30秒中刷新當前頁面:

<meta http-equiv="refresh" content="30">

HTML <script> 元素


<script>標簽用于加載腳本文件,如: JavaScript。

HTML head 元素小結(jié)


head_elements.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,199評論 1 92
  • 定義和用法 標簽用于定義文檔的頭部,它是所有頭部元素的容器。 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、...
    秋楓殘紅閱讀 947評論 0 0
  • 2017-09-07摘抄自W3school-HTML 頭部元素希望幫助自己系統(tǒng)地打好基礎,也能在做筆記的同時添加一...
    moralok閱讀 455評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,699評論 19 139
  • 寫下日期發(fā)現(xiàn)3月已經(jīng)過半啦,噢,這倒霉催的孩子已經(jīng)活過來啦!沒關系,我差我弱,我脾氣差我不想干活又怎么啦!等著滿血...
    可卿閱讀 105評論 0 0

友情鏈接更多精彩內(nèi)容