當前位置:首頁 >> 站長天地 >> 網頁制作 >> 內容

根據網頁HTML結構選擇最合適的XHTML標簽

時間:2008-10-6 10:24:00 欄目:網頁制作 點擊: 來源:不詳

 [網頁制作]-本文簡要:在站長資訊網以往的教程中,曾經多次強調使網頁HTML文件具有語義。我們應該根據網頁HTML文檔的結構選擇最合適的HTML或XHTML標簽,而不是根據它們的外觀樣式去選擇它們。使用P標簽定義一個段落,而不是用它來獲得換行效果。我們使用h1-h6標簽標記標題,而不是用它們取得文字大小與加粗的效果。  例...
D6電腦網 (d6pc.com): 根據網頁HTML結構選擇最合適的XHTML標簽-網頁制作

  在站長資訊網以往的教程中,曾經多次強調使網頁HTML文件具有語義。我們應該根據網頁HTML文檔的結構選擇最合適的HTML或XHTML標簽,而不是根據它們的外觀樣式去選擇它們。使用P標簽定義一個段落,而不是用它來獲得換行效果。我們使用h1-h6標簽標記標題,而不是用它們取得文字大小與加粗的效果。

  例如一個標題,我們可以用h1來定義它:

  <h1>文章的標題文字寫在這里</h1>

  而不應該使用其它的什么方式來定義它:

  <p style="font-size:16px; font-weight:bold;">文章的標題文字寫在這里</p>

  在站長資訊網以前的的文章里,我們列出了所有XHTML1.0允許使用的標簽,我們也可以發現,其中可以讓我們選擇的元素標記其實是很少的。但我們也清晰的認識到,這些精煉的元素標記也更加有明確的意義。如果你實在找不到恰當的元素進行標記,那么可以使用通用的div與span標簽。

  頁面中div與span標簽的使用是一個新問題,我們也容易過多的使用它們。必要及合理的使用div可以明顯的增強文檔的結構性。如果你審視你的HTML文檔,發現有著很多的div與span,那你就得換一個眼光來看問題了,是不是存在濫用的情況?是不是還有更好的標記來替代它們?若h1可以更好的表示所標記的內容,那你就得放棄p或span來定義。

  或許這是一對矛盾,我們本身也較難把握該如何正確的使用它們,也或許我們根本就得不到一個明確的答案。但有一點需要闡明,我們應該使文檔在邏輯上具有清晰的結構,而且更加容易應用樣式。我們可以將div僅看著是一個容器,或者叫做文檔的組成“部分”。我們使用太多的容器,并不是一個明智的模式。而恰到好處居于合理位置的容器,可以讓整個文檔顯的很有條理。

  如下的代碼,就比較合理有效:

<div id="header">
    <h1>站長資訊chinahtml.com。站長學習的樂園</h1>
    <h2>站長資訊chinahtml.com 提供最新最快的網頁技術</h2>
    <p>站長資訊chinahtml.com提供網頁制作教程,網站運營,圖象設計,網絡編程,創業指南,心得技巧,網站欣賞等內容,希望給您的工作和學習能帶去幫助。</p>
</div>




D6電腦網|電腦學習,電腦維修,電腦技術網;
設電腦學習,電腦入門,電腦技術,電腦教程,電腦維修,硬件知識,
網頁設計建站,桌面壁紙,主題下載,WIN7下載,常用軟件下載等欄目。感謝您的支持!
欄目:網頁制作 作者:佚名 來源:不詳
共有評論 0相關評論
發表我的評論
  • 大名:
  • 內容:
本類推薦
  • 沒有
本類固頂
  • 沒有
網友推薦
鏈接申請
  • D6電腦網(www.hcocxw.live) © 2019 版權所有 All Rights Reserved.
  • 本站為純技術學習交流型網站,部分資源來源網絡,僅供學習交流,版權歸原作者,本站僅為轉載,如有侵犯您的利益請聯系我們刪除.謝謝!
    關于D6電腦學習網 廣告合作 [email protected] 聯系站長 網站地圖 粵ICP備09035016號
  • 擺脫淺薄和低俗的最好辦法就是學習,我們加油!D6PC! V3.0
  • 吉祥招财猫电子