HTML 頭部
HTML <head> 查看在線實(shí)例 <title> - 定義了HTML文檔的標(biāo)題 使用 <title> 標(biāo)簽定義HTML文檔的標(biāo)題 <base> - 定義了所有鏈接的URL 使用 <base> 定義頁(yè)面中所有鏈接默認(rèn)的鏈接目標(biāo)地址。
HTML <head>
查看在線實(shí)例
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的 HTML 的第一頁(yè)</title> </head> <body> <p>瀏覽器中包含body元素的內(nèi)容。</p> <p>瀏覽器的標(biāo)題包含title元素的內(nèi)容</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
使用 <base> 定義頁(yè)面中所有鏈接默認(rèn)的鏈接目標(biāo)地址。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <base href="http://miracleart.cn/images/" target="_blank"> </head> <body> <img src="logo.png"> - 注意這里我們?cè)O(shè)置了圖片的相對(duì)地址。能正常顯示是因?yàn)槲覀冊(cè)?nbsp;head 部分設(shè)置了 base 標(biāo)簽, 該標(biāo)簽指定了頁(yè)面上所有鏈接的默認(rèn) URL,所以該圖片的訪問(wèn)地址為 "http://miracleart.cn/images/logo.png" <br><br> <a href="http://miracleart.cn">php中文網(wǎng)</a> - 注意這個(gè)鏈接會(huì)在新窗口打開(kāi),即便它沒(méi)有 target="_blank" 屬性。 因?yàn)樵?nbsp;base 標(biāo)簽里我們已經(jīng)設(shè)置了 target 屬性的值為 "_blank"。 </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
使用 <meta> 元素來(lái)描述HTML文檔的描述,關(guān)鍵詞,作者,字符集等。
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="St?le Refsnes"> <meta charset="UTF-8"> </head> <body> <p>所有 meta 標(biāo)簽顯示在 head 部分...</p> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
HTML <head> 元素
<head> 元素包含了所有的頭部標(biāo)簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。
可以添加在頭部區(qū)域的元素標(biāo)簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
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 文檔:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文檔標(biāo)題</title> </head> <body> 文檔內(nèi)容...... </body> </html>
HTML <base> 元素
<base> 標(biāo)簽描述了基本的鏈接地址/鏈接目標(biāo),該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接:
<head> <base href="http://miracleart.cn/images/" target="_blank"> </head>
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文檔:
<head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head
HTML <meta> 元素
meta標(biāo)簽描述了一些基本的元數(shù)據(jù)。
<meta> 標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁(yè)面上,但會(huì)被瀏覽器解析。
META元素通常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者,和其他元數(shù)據(jù)。
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁(yè)面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。
<meta>一般放置于 <head>區(qū)域
<meta> 標(biāo)簽- 使用實(shí)例
為搜索引擎定義關(guān)鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"
為網(wǎng)頁(yè)定義描述內(nèi)容:
<meta name="description" content="Free Web tutorials on HTML and CSS"
定義網(wǎng)頁(yè)作者:
<meta name="author" content="Hege Refsnes"
每30秒中刷新當(dāng)前頁(yè)面:
<meta http-equiv="refresh" content="30"
HTML <script> 元素
<script>標(biāo)簽用于加載腳本文件,如: JavaScript。
<script> 元素在以下章節(jié)會(huì)詳細(xì)描述。
HTML head 元素
標(biāo)簽 | 描述 |
---|---|
<head> | 定義了文檔的信息 |
<title> | 定義了文檔的標(biāo)題 |
<base> | 定義了頁(yè)面鏈接標(biāo)簽的默認(rèn)鏈接地址 |
<link> | 定義了一個(gè)文檔和外部資源之間的關(guān)系 |
<meta> | 定義了HTML文檔中的元數(shù)據(jù) |
<script> | 定義了客戶(hù)端的腳本文件 |
<style> | 定義了HTML文檔的樣式文件 |