复习HTML CSS（5）
n? <meta>標(biāo)記
?????? <meta>的主要作用，是提供網(wǎng)頁的源信息。比如：指定網(wǎng)頁的搜索關(guān)鍵字
?????? <meta>標(biāo)記有兩個(gè)屬性：http-equiv和name。
1、 http-equiv屬性
- 功能：模擬http協(xié)議文件頭信息，當(dāng)信息從服務(wù)器端傳到客戶端時(shí)，告訴瀏覽器如何正確的顯示網(wǎng)頁內(nèi)容。
- http-equiv屬性一般要與content屬性配合使用。Content屬性指定信息的詳細(xì)參數(shù)。
????????????? （1·）設(shè)置網(wǎng)頁的字符集
???????????????????? <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
（2）網(wǎng)頁自動(dòng)刷新
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" />?? //2秒后，跳轉(zhuǎn)到百度頁面
2、 name屬性
name屬性主要用于設(shè)置網(wǎng)頁的搜索關(guān)鍵字、版權(quán)信息、作者等。
（1）???? 設(shè)置網(wǎng)頁搜索關(guān)鍵字
<meta name="keywords" content="網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站推廣" />
（2）???? 設(shè)置網(wǎng)頁描述信息
<meta name="description" content="網(wǎng)站建設(shè)" />
?
?
n? XHTML簡介
傳統(tǒng)的HTML開發(fā)的初衷是面向pc機(jī)的，而隨著移動(dòng)終端的不斷出現(xiàn)，HTML已經(jīng)不能滿足市場的需求了。
XHTML是新一代的HTML標(biāo)注語言。
XHTML的目的是為了取代HTML。
XHTML的標(biāo)記，與HTML一模一樣。
XHTML的語法要比HTML嚴(yán)格得多。
XHTML可擴(kuò)展超文本標(biāo)注語言
?
n? XHTML編寫規(guī)范
- 所有的標(biāo)記和屬性要全小寫
- 單邊標(biāo)記必須關(guān)閉。如<br>——><br />
- 所有的屬性值都必須要加引號(hào)。
- 所有的屬性都必須有值。如：<hr noshade />——><hr noshade=”noshade” />
- 標(biāo)記之間要順序嵌套，外層套內(nèi)層，一層套一層。
- XHTML網(wǎng)頁必須要有DTD文檔類型定義代碼。
?
n? DTD文檔類型定義
DTD文檔類型定義的目的：是一種驗(yàn)證機(jī)制，也就是說檢驗(yàn)一下你寫的XHTML標(biāo)記語法是否合法。
?
DTD一共有三大類型：
（1）???? 嚴(yán)格型的DTD
在嚴(yán)格的DTD中，不能再使用各種表現(xiàn)的標(biāo)記。如：<font>、<b>、<body bgColor=””>
要求必須使用CSS來取代各種表現(xiàn)標(biāo)記。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
?
（2）???? 過渡型的DTD
在過渡型的ＤＴＤ中，可以繼續(xù)使用ＨＴＭＬ中的表現(xiàn)的寫法
這些表現(xiàn)標(biāo)記，還可以繼續(xù)使用。如：＜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? 表格標(biāo)簽（塊元素）
1、 表格的結(jié)構(gòu)
<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：邊框粗細(xì)。
u? Bordercolor：邊框顏色。
u? bgColor：表格背景顏色。
u? Background：背景圖片URL。
u? Cellpadding：單元格邊線到內(nèi)容間的距離（填充距離）。
u? Cellspacing：單元格與單元格之間的距離（間距）。
u? Rules：合并單元格邊框線，取值：all
注意：rules兼容性不好，請使用CSS來取代。
?
?
3、<tr>屬性（行標(biāo)記）
- Bgcolor：行的背景色
- Height：行的高度
- Align：行中的文本的水平對齊方式
- Valign：垂直對齊方式。取值：top（上）、middle（中）、bottom（下）
4、<td>或<th>屬性
?????? <td>是普通單元格，<th>是標(biāo)題單元格，居中加粗顯示。
?????? Width：單元格寬度
?????? Height：單元格高度
?????? Bgcolor：單元格背景色
?????? Background：單元格背景圖
?????? Align：水平對齊
?????? Valign：垂直對齊
?????? Rowspan：上下單元格合并
Colspan：左右單元格合并。合并時(shí)，有增就得有減，要保證每一行單元格的個(gè)數(shù)不變。
?
總結(jié)
以上是生活随笔為你收集整理的复习HTML CSS（5）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HTML的display属性将行内元素、
- 下一篇： 复习HTML CSS（2）