一些不太常用的XHTML標簽用法以及實例

2020-03-24 18:31:22

字體：大中小

來源：轉載

供稿：網友

做為 XHTML+CSS 開發人員，盡可能不要讓自己有這樣的念頭：只要制作出來的頁面能夠和設計效果圖一致就行了，管它代碼合理不合理、嚴謹不嚴謹，客戶也不要求頁面通過 W3C 驗證我們的目的是為了要寫出盡量語義正確的合格文檔，而不是為了要通過什么驗證，假如一點也不考慮代碼的語義性，僅僅要求能還原效果圖就好，就又退回到 table 時代了～～那下面的文字內容，也不必再看下去了。舉一個例子：當我們回到家以后，會把脫下來的鞋放到鞋柜，把買回來的肉放進冰箱，我們這些做法肯定不會亂來：把臭鞋放進冰箱，把肉擱進鞋柜？！標簽也是這個道理，相關的內容要放入到合適的標簽內，比如主標題就放到 h1 標簽里，p 標簽內裝的就是文本段落，這樣做，不是為了給人看的，而是要給那些：瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器看，畢竟最終解析這些代碼的是機器。所以我們還是用機器的語言來跟機器溝通吧！認同以上觀點的，請繼續往下看：今天要說的不是那些常見標簽（如：div、h1、p、dl、ul、ol、strong、span ），而是一些不太常用的標簽（不太常用的標簽這個說法僅僅是個人定義），現在就大致介紹一下：1. abbr /abbr 這個標簽是用來包含縮寫的文本舉例：熟練使用 PS、DW 軟件這一句話實際要表達的是：熟練使用 Adobe Photoshop CS4、Adobe Dreamweaver CS4 軟件代碼：
p 熟練使用 abbr title= Adobe Photoshop CS4 PS /abbr 、 abbr title= Adobe Dreamweaver CS4 DW /abbr 軟件 /p 其中的title 屬性就是放置縮寫文本的完整內容，它可以被瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器所解析。頁面呈現效果：熟練使用 PSPS、DWDW 軟件 2. acronym /acronym 取首字母縮寫舉例：在我們熟知的語言中，諸如：HTML、CSS，這二個單詞也是縮寫，完整的英文是：HTML：Hypertext Markup LanguageCSS：Cascading Style Sheets很明顯，上面這二句每個單詞的首字母合在一起，變成了我們最常見到的 HTML、CSS，那么當我們在頁面中要呈現這些首字母縮寫的文本時，可以編寫如下代碼： acronym title= Hypertext Markup Language HTML /acronym acronym title= Cascading Style Sheets CSS /acronym 頁面呈現效果：HTML CSS3. address /address 定義地址、簽名或者文檔的作者身份舉例：妙味課堂所在地：北京海淀區牡丹園小區北里1號樓811室代碼： address 妙味課堂所在地：北京海淀區牡丹園小區北里1號樓811室 /address 注意：這個標簽是塊級元素（block）頁面呈現效果：妙味課堂所在地：北京海淀區牡丹園小區北里1號樓811室4. blockquote /blockquote 定義一個塊引用（長段文字引用） q /q 定義一個短引用我們的頁面上有可能會引用一段文字、某人的一句話等等，最常見的是在正文之前，有一塊引用的簡短內容，在這個時候，就需要用到這二個標簽。舉例：長的引用：
blockquote
除非你把愛國主義從人類中驅逐出去，否則你將永遠不會擁有一個寧靜的世界。愛國主義是一種有害的、精神錯亂的白癡形式。愛國主義就是讓你確信這個國家比所有其他的國家都要出色，只因為你生在這里。喬治肖伯納
/blockquote 短的引用：
q 有這么一群人，在日本叫法西斯，在德國叫納粹，在中國叫愛國者! 王朔說 /q 注意：blockquote 標簽會在文本的兩端產生縮進。頁面呈現效果：長的引用：除非你把愛國主義從人類中驅逐出去，否則你將永遠不會擁有一個寧靜的世界。愛國主義是一種有害的、精神錯亂的白癡形式。愛國主義就是讓你確信這個國家比所有其他的國家都要出色，只因為你生在這里。喬治肖伯納短的引用：
有這么一群人，在日本叫法西斯，在德國叫納粹，在中國叫愛國者! 王朔說5. del /del 定義文檔中已被刪除的文本 ins /ins 定義已經被更新的文本舉例：經常有商城類網站的促銷價，原價是：50元，現價是：42元代碼：原價是： del 50元 /del ，現價是： ins 42元 /ins 頁面呈現效果：原價是：50元，現價是：42元6. sub /sub 定義下標文本 sup /sup 定義上標文本這二個標簽在數學里經常用到。舉例：10 sub 2 /sub 10 sup 2 /sup 頁面呈現效果：102 102看到這里，會不會有人認為：這樣做不就把一件很簡單的事情復雜化了嗎？其實這樣想是不對的，原因除了上面提到過的語義化原則以外，還應當考慮這句話：（當你合理運用這些標簽的時候）瀏覽器可能會根據這個信息，改變對這些文本的顯示方式，或者用其他文本代替。也許當前流行的瀏覽器對此標簽中包含的文本還沒有任何處理方式，但是我們無法預測將來的瀏覽器版本將會如何實現該標簽。另外，還有一些更實際的應用促使我們將代碼寫得更嚴謹些：假如我們希望加上一點 JSJS 的頁面展示效果：當鼠標移動到頁面中任何一個 abbr 標簽內時，有一個圖片會隨著鼠標漸漸顯示出來，并且圖片上的說明文字，就是 abbr 標簽內的 title 內的文字；由于我們一開始就在頁面中設置好了 abbr 標簽，所以即使在頁面完成以后，要添加這樣的頁面效果，也是易如反掌、輕松之至。相關閱讀:
linux和winodows中的對移動設備的安全性
服務器應用建域控制器時別忽視DNS設置
ecshop 同步ucenter,一步登陸discuzX
Linux命令介紹：history命令
php 連接mssql數據庫初學php筆記
一些SQL Server存儲過程參數及例子
PHP數組操作匯總 php數組的使用技巧
MYSQL隨機抽取查詢 html' target='_blank'>MySQL Order By Rand()效率問題
LINUX中XFS文件系統使用介紹
asp教程：解決IIS安裝問題
3.7 ASP代碼實現圖片上傳并存入數據庫中
Linux操作系統中讀取目錄文件信息的過程分析
使用ASP獲得服務器網卡的MAC地址信息
php minixml詳解
html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：利用HTML5繪制點線面組成的3D圖形的示例

下一篇：在HTML里select標簽有哪些用法