<tt id="qyime"><tr id="qyime"></tr></tt>
<sup id="qyime"><div id="qyime"></div></sup><rt id="qyime"><small id="qyime"></small></rt>
<sup id="qyime"><center id="qyime"></center></sup><acronym id="qyime"><small id="qyime"></small></acronym><acronym id="qyime"><center id="qyime"></center></acronym>
<acronym id="qyime"><small id="qyime"></small></acronym>
【六六互聯】長期出售【美國抗投訴服務器】【歐洲抗投訴服務器】【亞洲抗投訴服務器】

HTML5文檔頭部相關標記 

制作網頁時,經常需要設置頁面的基本信息,如頁面的標題、作者、和其他文檔的關系等。為此HTML提供了一系列的標記,這些標記通常都寫在<head>標記內,因此被稱為頭部相關標記。

1.<title></title>標記

<title>標記用于定義HTML頁面的標題,即給網頁取一個名字,必須位于<head>標記之內。一個HTML文檔只能含有一對<title>標記,<title>之間的內容將顯示在瀏覽器窗口的標題欄中。其基本語法格式如下:

  <title>網頁標題名稱</title>

了解了頁面標題標記<title>,下面通過一個簡單案例來演示<title>標記的用法,如例1-3,效果如圖1-16所示。

     例1-3   example03.htm

  <!doctype html>

<html> 

<head>

    <title>卡梅隆</title>

    <meta  charset="utf-8">

</head>

<body>

詹姆斯-卡梅隆

代表作:《終結者》、《泰坦尼克號》、《阿凡達》、《真實的謊言》等

評價: 他在拍攝地是個苛求、專橫的“暴君”;在家庭中是個不會體貼

并且見異思遷的丈夫;在好萊塢同行看來,卡梅隆是一個偏執狂和燒錢的機器。

但不能否認,卡梅隆是個天才。

</body>

</html>

HTML5文檔頭部相關標記 

圖1-16設置網頁標題標記

2.  <meta />標記

<meta/>標記用于定義頁面的元信息,可重復出現在<head>頭部標記中,在HTML中是一個單標記。<meta />標記本身不包含任何內容,通過“名稱/值”的形式成對的使用其屬性可定義頁面的相關參數,例如為搜索引擎提供網頁的關鍵字、作者姓名、內容描述,以及定義網頁的刷新時間等。<meta />標記常用的幾組設置,具體語法格式如下:

<meta name="名稱"  content="值" />

  <meta http-equiv="名稱"  content="值" />

例如以下設置代碼:

 

(1)設置網頁關鍵字代碼:<meta name="keywords" content="java培訓" />


(2)設置網頁描述代碼:<meta name="description" content="IT培訓" />

 

(3)設置字符集格式代碼:

<meta  http-equiv="Content-Type" content="text/html;  charset=utf-8" />

 

(4)設置頁面自動刷新與跳轉:

  <meta  http-equiv="refresh"  content="10;url=http://www.itcast.cn" />

下面通過一個案例1-4來演示<meta />標記的用法,如例1-4所示。


                 例1-4  example04.htm

  <!doctype html>

  <html> 

  <head> 

    <title>meta標記使用</title>

    <meta charset="utf-8">

    <meta name="keywords" content="java培訓,.net培訓,PHP培訓,C/C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓"  />

    <meta name="description" content="IT培訓的龍頭老大,口碑最好的java培訓、.net培訓、php培訓、C/C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓機構,問天下java培訓、.net培訓、php培訓、C/C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓機構誰與爭鋒? " />

     <meta http-equiv="refresh"  content="10;url=http://www.itcast.cn" /> 

</head>

<body>

</body>

</html>

3.<link>標記

一個頁面往往需要多個外部文件的配合,在<head>中使用<link>標記可引用外部文件,一個頁面允許使用多個<link>標記引用多個外部文件。其基本語法格式如下:

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

<link>標記常用屬性,如表1-1所示:

                   表1-1  link標記常用屬性

 

屬性名

 
 

常用屬性值

 
 

描述

 
 

href

 
 

URL

 
 

指定引用外部文檔的地址

 
 

rel

 
 

stylesheet

 
 

指定當前文檔與引用外部文檔的關系,該屬性值通常為stylesheet,表示定義一個外部樣式表

 
 

type

 
 

text/css

 
 

引用外部文檔的類型為CSS樣式表

 

4.<style></style>標記

<style>標記用于為HTML文檔定義樣式信息,位于<head>頭部標記中,其基本語法格式如下:

 

<style 屬性=”屬性值”>樣式內容</style>

 

在HTML中使用style標記時,常常定義其屬性為type,相應的屬性值為text/css,表示使用內嵌式的CSS樣式。

下面通過案例1-5來演示<style>標記的用法,最終效果如圖1-17所示。

例1-5  example05.htm

 

<!doctype html>

<html>

 <head>

    <meta  charset="utf-8">

    <title>style標記的使用</title>

    <style  type="text/css">

 h2{color:red;}

         p{color:blue;}

    </style>

 </head>

 <body>

    <h2>設置h2標題為紅色字體</h2>

     <p>設置p段落為藍色字體</p>

 </body>

  </html>

 

HTML5文檔頭部相關標記 

圖1-17 style標記


<tt id="qyime"><tr id="qyime"></tr></tt>
<sup id="qyime"><div id="qyime"></div></sup><rt id="qyime"><small id="qyime"></small></rt>
<sup id="qyime"><center id="qyime"></center></sup><acronym id="qyime"><small id="qyime"></small></acronym><acronym id="qyime"><center id="qyime"></center></acronym>
<acronym id="qyime"><small id="qyime"></small></acronym>