n <meta>標記 <meta>的主要作用,是提供網頁的源信息。比如:指定網頁的搜索關鍵字 <meta>標記有兩個屬性:http-equiv和name。 1、 http-equiv屬性 功能:模擬http協議文件頭信息,當信息從伺服器端傳到客戶端時,告訴瀏覽器如何正確的顯示網頁內容。 http-e ...
n <meta>標記
<meta>的主要作用,是提供網頁的源信息。比如:指定網頁的搜索關鍵字
<meta>標記有兩個屬性:http-equiv和name。
1、 http-equiv屬性
- 功能:模擬http協議文件頭信息,當信息從伺服器端傳到客戶端時,告訴瀏覽器如何正確的顯示網頁內容。
- http-equiv屬性一般要與content屬性配合使用。Content屬性指定信息的詳細參數。
(1·)設置網頁的字元集
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
(2)網頁自動刷新
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> //2秒後,跳轉到百度頁面
2、 name屬性
name屬性主要用於設置網頁的搜索關鍵字、版權信息、作者等。
(1) 設置網頁搜索關鍵字
<meta name="keywords" content="網站建設、網站製作、網站推廣" />
(2) 設置網頁描述信息
<meta name="description" content="網站建設" />
n XHTML簡介
傳統的HTML開發的初衷是面向pc機的,而隨著移動終端的不斷出現,HTML已經不能滿足市場的需求了。
XHTML是新一代的HTML標註語言。
XHTML的目的是為了取代HTML。
XHTML的標記,與HTML一模一樣。
XHTML的語法要比HTML嚴格得多。
XHTML可擴展超文本標註語言
n XHTML編寫規範
- 所有的標記和屬性要全小寫
- 單邊標記必須關閉。如<br>——><br />
- 所有的屬性值都必須要加引號。
- 所有的屬性都必須有值。如:<hr noshade />——><hr noshade=”noshade” />
- 標記之間要順序嵌套,外層套內層,一層套一層。
- XHTML網頁必須要有DTD文檔類型定義代碼。
n DTD文檔類型定義
DTD文檔類型定義的目的:是一種驗證機制,也就是說檢驗一下你寫的XHTML標記語法是否合法。
DTD一共有三大類型:
(1) 嚴格型的DTD
在嚴格的DTD中,不能再使用各種表現的標記。如:<font>、<b>、<body bgColor=””>
要求必須使用CSS來取代各種表現標記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(2) 過渡型的DTD
在過渡型的DTD中,可以繼續使用HTML中的表現的寫法
這些表現標記,還可以繼續使用。如:<font>、<b>、<body bgColor=””>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(3) 框架的DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd">
n 表格標簽(塊元素)
1、 表格的結構
<table>
<tr>
<td><td>
<td><td>
<td><td>
<tr>
<tr>
<td><td>
<td><td>
<td><td>
<tr>
</table>
2、<table>屬性
u Width:表格寬度,單位可以是百分比,也可以是固定值。
u Height:表格高度。
u Align:表格水平對齊方式,取值:left、center、right
u Border:邊框粗細。
u Bordercolor:邊框顏色。
u bgColor:表格背景顏色。
u Background:背景圖片URL。
u Cellpadding:單元格邊線到內容間的距離(填充距離)。
u Cellspacing:單元格與單元格之間的距離(間距)。
u Rules:合併單元格邊框線,取值:all
註意:rules相容性不好,請使用CSS來取代。
3、<tr>屬性(行標記)
- Bgcolor:行的背景色
- Height:行的高度
- Align:行中的文本的水平對齊方式
- Valign:垂直對齊方式。取值:top(上)、middle(中)、bottom(下)
4、<td>或<th>屬性
<td>是普通單元格,<th>是標題單元格,居中加粗顯示。
Width:單元格寬度
Height:單元格高度
Bgcolor:單元格背景色
Background:單元格背景圖
Align:水平對齊
Valign:垂直對齊
Rowspan:上下單元格合併
Colspan:左右單元格合併。合併時,有增就得有減,要保證每一行單元格的個數不變。