CSS網(wǎng)頁布局中HTML標(biāo)簽的語義(一)_XHTML教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
我們在文章中一直強(qiáng)調(diào)HTML標(biāo)簽語義的重要，富含語義而且科學(xué)得當(dāng)?shù)倪\(yùn)用HTML標(biāo)簽，對CSS網(wǎng)頁布局既建立符合WEB標(biāo)準(zhǔn)的網(wǎng)站是非常有意義、非常有益處的。在前面的文章中我們談到過：
或許有朋友感到迷惑，到底如何運(yùn)用HTML標(biāo)簽才是保持文檔語義并有良好的結(jié)構(gòu)呢？我們看下面的這方面知識的介紹，相信你一定有所收獲。但也請你注重，有些標(biāo)簽可能不符合WEB標(biāo)準(zhǔn)了，這些知識我們在mb5u.com以后的文章中再一一說明。
Note：雙與單分別表示標(biāo)簽是成對出現(xiàn)，還是單個出現(xiàn)，成對出現(xiàn)需要關(guān)閉，如：雙表示<a></a>、單表示：<img src=...>。
<a>雙 定義一個鏈接
<base>單 為文件中所有的相關(guān)URL(統(tǒng)一資源定位器)指定一個基準(zhǔn)URL.置于<head>內(nèi)
<body>雙 文件的主體(瀏覽器中顯示的內(nèi)容)
<br>單 換行,但不像<P>標(biāo)簽?zāi)菢釉黾佣嘤嗫招?/strong>
<caption>雙 表格的標(biāo)題,位于表格之上,可用<font>修飾,但一個<caption>必須對應(yīng)一個<table>
<dd>雙 表示一個定義列表中對一個表單項的條目部分
<dl>雙 表示一個定義列表,由條目<dt>和定義<dd>組成
<dt>雙 表示一個定義列表中對一個表單項的條目部分
<font>雙 字體修飾
<head>雙 與<body>同級,無任何屬性,僅作為其他標(biāo)簽的容器
<hr>單 添加水平分界線
<html>雙 于文件起始和結(jié)尾,用于告訴瀏覽器整個文件的大小是由html構(gòu)成
<img>單 在頁面上放一幅圖
<input>單 輸入(表單)[輸入類型:文本 單選框 復(fù)選框 復(fù)位 提交 文件傳輸
<li>雙 表示一個列表中定義一個表單項,用于<dir><ol><ul>標(biāo)簽中
<marquee>雙 創(chuàng)建一個滾動文本框
<media>單 媒體
<nobr>雙 禁止換行
<object>雙 插件
<ol>雙 定義有序列表的起始,由表單項<li>組成
<option>雙 下拉列表或滾動列表的項
<p>單 換行,但有多余空行
<script>雙 腳本
<select>雙 定義一個下拉列表和滾動列表
<sub>雙 下標(biāo)
<sup>雙 上標(biāo)
<table>雙 確定一個表格的始末
<td>雙 定義一個單元格
表格、插件、腳本僅屬于<body>,腳本最好不用
<media>僅屬于<body>
或許有朋友感到迷惑，到底如何運(yùn)用HTML標(biāo)簽才是保持文檔語義并有良好的結(jié)構(gòu)呢？我們看下面的這方面知識的介紹，相信你一定有所收獲。但也請你注重，有些標(biāo)簽可能不符合WEB標(biāo)準(zhǔn)了，這些知識我們在mb5u.com以后的文章中再一一說明。
Note：雙與單分別表示標(biāo)簽是成對出現(xiàn)，還是單個出現(xiàn)，成對出現(xiàn)需要關(guān)閉，如：雙表示<a></a>、單表示：<img src=...>。
<a>雙 定義一個鏈接
示例代碼 [hl5o.cn]
href=url _fcksavedurl="url" 指定目標(biāo)地址
tabindex=number 指定該鏈接在當(dāng)前文件的Tab鍵次序中的位置 0-32767之間
charset=charset 指定目標(biāo)文件的字符編碼形式
例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
<A href="mailto:[email protected]">Send</A>
tabindex=number 指定該鏈接在當(dāng)前文件的Tab鍵次序中的位置 0-32767之間
charset=charset 指定目標(biāo)文件的字符編碼形式
例:<A href="link.html"><IMG Sre="Pixoe.gif"></A>
<A href="mailto:[email protected]">Send</A>
<base>單 為文件中所有的相關(guān)URL(統(tǒng)一資源定位器)指定一個基準(zhǔn)URL.置于<head>內(nèi)
示例代碼 [hl5o.cn]
href=url 要用到的URL
<body>雙 文件的主體(瀏覽器中顯示的內(nèi)容)
示例代碼 [hl5o.cn]
backcolor="rrggbb" 背景色
leftmargin=number 瀏覽器左邊緣與窗口中正文和圖形的開始位置之間的距離,單位:像素
topmargin=number 瀏覽器上邊緣與窗口中正文和圖形的上邊緣位置之間的距離,單位:像素
text="rrggbb" 文本默認(rèn)顏色
leftmargin=number 瀏覽器左邊緣與窗口中正文和圖形的開始位置之間的距離,單位:像素
topmargin=number 瀏覽器上邊緣與窗口中正文和圖形的上邊緣位置之間的距離,單位:像素
text="rrggbb" 文本默認(rèn)顏色
<br>單 換行,但不像<P>標(biāo)簽?zāi)菢釉黾佣嘤嗫招?/strong>
示例代碼 [hl5o.cn]
clear=all left right
<caption>雙 表格的標(biāo)題,位于表格之上,可用<font>修飾,但一個<caption>必須對應(yīng)一個<table>
示例代碼 [hl5o.cn]
align=left right center 標(biāo)題對齊方式
<dd>雙 表示一個定義列表中對一個表單項的條目部分
<dl>雙 表示一個定義列表,由條目<dt>和定義<dd>組成
<dt>雙 表示一個定義列表中對一個表單項的條目部分
<font>雙 字體修飾
示例代碼 [hl5o.cn]
i 斜體
b 加粗
u 下劃線
s 刪除線
big 比前一個字體大一號
small 比前一個字體小一號
left 左對齊
right 右對齊
center 居中
color="rrggbb" 顏色
style=text 字體大小,可用文本和數(shù)字
name=text 字體名稱
equal 字體等距
b 加粗
u 下劃線
s 刪除線
big 比前一個字體大一號
small 比前一個字體小一號
left 左對齊
right 右對齊
center 居中
color="rrggbb" 顏色
style=text 字體大小,可用文本和數(shù)字
name=text 字體名稱
equal 字體等距
<head>雙 與<body>同級,無任何屬性,僅作為其他標(biāo)簽的容器
<hr>單 添加水平分界線
示例代碼 [hl5o.cn]
align =left right center 水平分界線對齊方式
noshade 將水平分界線顯示成一條時新線
size=number 指定線寬,單位像素
width=number 或 % 水平分界線長度,一像素為單位或頁面寬為百分比
noshade 將水平分界線顯示成一條時新線
size=number 指定線寬,單位像素
width=number 或 % 水平分界線長度,一像素為單位或頁面寬為百分比
<html>雙 于文件起始和結(jié)尾,用于告訴瀏覽器整個文件的大小是由html構(gòu)成
示例代碼 [hl5o.cn]
size=number 文件大小
<img>單 在頁面上放一幅圖
示例代碼 [hl5o.cn]
align=left right center top middle botton
alt=text 當(dāng)圖象無法顯示時的提示文本
width=number 圖象寬度
height=number 圖象高度
src=url _fcksavedurl="url" 圖象地址
hspace=number 圖象左右留出空格
vspace=number 圖象上下留出空格
border=number 圖象與頁面邊界距離,默認(rèn)為1
blockquote 一個塊的引用,兩邊各留一空格,上下各留一行
alt=text 當(dāng)圖象無法顯示時的提示文本
width=number 圖象寬度
height=number 圖象高度
src=url _fcksavedurl="url" 圖象地址
hspace=number 圖象左右留出空格
vspace=number 圖象上下留出空格
border=number 圖象與頁面邊界距離,默認(rèn)為1
blockquote 一個塊的引用,兩邊各留一空格,上下各留一行
<input>單 輸入(表單)[輸入類型:文本 單選框 復(fù)選框 復(fù)位 提交 文件傳輸
示例代碼 [hl5o.cn]
type:checkbox 復(fù)選框
checked 初始選中值
name=text 編號,可用文本或數(shù)字
value=text 初始值
type:file 文件上傳
name=text 編號,可用文本或數(shù)字
value=text 搜尋按鈕的文本
type:radio 單選框
checked 初始選中值
name=text 編號,可用文本或數(shù)字
value=text 初始值
type:rest 使表單選擇恢復(fù)默認(rèn)值
value=text 顯示可替代文本
type:submit 提交按鈕
value=text 顯示按鈕上的文本
checked 初始選中值
name=text 編號,可用文本或數(shù)字
value=text 初始值
type:file 文件上傳
name=text 編號,可用文本或數(shù)字
value=text 搜尋按鈕的文本
type:radio 單選框
checked 初始選中值
name=text 編號,可用文本或數(shù)字
value=text 初始值
type:rest 使表單選擇恢復(fù)默認(rèn)值
value=text 顯示可替代文本
type:submit 提交按鈕
value=text 顯示按鈕上的文本
<li>雙 表示一個列表中定義一個表單項,用于<dir><ol><ul>標(biāo)簽中
<marquee>雙 創(chuàng)建一個滾動文本框
示例代碼 [hl5o.cn]
align=left right center 文本框與頁面左、右、中對齊
dirsction=left right 文本超出邊界時用水平、垂直滾動條
height=number 文本框高度
width=number 文本框?qū)挾?br />hspace=number 文本框兩邊留出的像素
vspace=number 文本框上下留出的像素
scrollamount=number 單擊方向鍵,每次滾動的距離,單位字符
scrolldelay=number 單擊空白條區(qū)時,滾動距離,單位字符
dirsction=left right 文本超出邊界時用水平、垂直滾動條
height=number 文本框高度
width=number 文本框?qū)挾?br />hspace=number 文本框兩邊留出的像素
vspace=number 文本框上下留出的像素
scrollamount=number 單擊方向鍵,每次滾動的距離,單位字符
scrolldelay=number 單擊空白條區(qū)時,滾動距離,單位字符
<media>單 媒體
示例代碼 [hl5o.cn]
align=left right center middle top bottom 對象相對四周文本的對齊方式
data=url 對象所引用的地址
height=number 對象高度,以像素為單位
width=number 對象寬度,以像素為單位
hspace=number 在對象兩邊各留出的空格,以像素為單位
vspace=number 在對象上下各留出的空格,以像素為單位
type=audio video 對象類型(音頻和視頻)
data=url 對象所引用的地址
height=number 對象高度,以像素為單位
width=number 對象寬度,以像素為單位
hspace=number 在對象兩邊各留出的空格,以像素為單位
vspace=number 在對象上下各留出的空格,以像素為單位
type=audio video 對象類型(音頻和視頻)
<nobr>雙 禁止換行
<object>雙 插件
示例代碼 [hl5o.cn]
classid=text 如9b99c199-5d75-454f-ae07-b620727be8d8
<ol>雙 定義有序列表的起始,由表單項<li>組成
<option>雙 下拉列表或滾動列表的項
示例代碼 [hl5o.cn]
checked 初始選中值
value=text 初始值
value=text 初始值
<p>單 換行,但有多余空行
<script>雙 腳本
示例代碼 [hl5o.cn]
type=text 腳本語言類型,如"VBScript"
<select>雙 定義一個下拉列表和滾動列表
示例代碼 [hl5o.cn]
multipe 答應(yīng)多選一個或更多的<option>
name=text 選中的<option>編號
size=number "1"且無設(shè)multipe,顯示為一個下拉列表
name=text 選中的<option>編號
size=number "1"且無設(shè)multipe,顯示為一個下拉列表
<sub>雙 下標(biāo)
<sup>雙 上標(biāo)
<table>雙 確定一個表格的始末
示例代碼 [hl5o.cn]
align=left right center 表格在頁面中位置,默認(rèn)為right
backcolor="rrggbb" 表格背景色
border=number 表格邊界厚度
cellspacing=number 表格單元之間框架厚度
cellspadding=number 單元格邊界與內(nèi)容之間的距離
height=number or % 指定表格高度,單位像素,或?yàn)g覽器頁面高度的百分比表示
width=number or % 指定表格寬度,單位像素,或?yàn)g覽器頁面寬度的百分比表示
hspace=number 在一個對齊表格上下留一定空格,單位像素
vspace=number 在一個對齊表格兩邊留一定空格,單位像素
backcolor="rrggbb" 表格背景色
border=number 表格邊界厚度
cellspacing=number 表格單元之間框架厚度
cellspadding=number 單元格邊界與內(nèi)容之間的距離
height=number or % 指定表格高度,單位像素,或?yàn)g覽器頁面高度的百分比表示
width=number or % 指定表格寬度,單位像素,或?yàn)g覽器頁面寬度的百分比表示
hspace=number 在一個對齊表格上下留一定空格,單位像素
vspace=number 在一個對齊表格兩邊留一定空格,單位像素
<td>雙 定義一個單元格
示例代碼 [hl5o.cn]
align=left right center 文本相對與單元個的對器方式
background=url 單位格里的圖象
backcolor="rrggbb" 表格背景色
background=url 單位格里的圖象
backcolor="rrggbb" 表格背景色
表格、插件、腳本僅屬于<body>,腳本最好不用
<media>僅屬于<body>
相關(guān)XHTML教程：
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽：有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- XHTML入門學(xué)習(xí)教程:文字格式與特殊字符
- HTML表格標(biāo)記教程(37):表頭的背景圖象屬性BACKGROUND
- DIV CSS布局基礎(chǔ)：HTML標(biāo)記(二)
- CSS網(wǎng)頁布局中HTML標(biāo)簽的語義(二)
- HTML表單標(biāo)記教程(5):文字域標(biāo)記
- HTML表格標(biāo)記教程(40):表頭的暗邊框色屬性BORDERCOLORDARK
- ALink鏈接的rel、target屬性詳解
- XHTML入門學(xué)習(xí)教程:表單標(biāo)簽
- HTML5 INPUT placeholder及兼容性處理
- HTML中級教程表格
- 相關(guān)鏈接：
- 教程說明：
XHTML教程-CSS網(wǎng)頁布局中HTML標(biāo)簽的語義(一)
。