當前位置:才華齋>設計>網頁設計>

網頁開發人員必須瞭解的10個HTML標籤

網頁設計 閱讀(3.03W)

網頁開發人員常常希望能夠了解並掌握多種語言,結果是,學習一門語言的所有內容是棘手的,但是卻很容易發現你並沒有完全利用那些比較特殊卻很有用的標籤。不幸的是我們到現在還沒有涉足的那些比較不知名的HTML標記所有潛力。但它永遠不會太晚重新進入領域,並開始編寫程式碼來發掘這些未開發的標籤的能量。

網頁開發人員必須瞭解的10個HTML標籤

下面是小編帶來的10個未被充分利用或被誤解的HTML標籤。或許它們不太廣為人知,但是在特定情況下他們卻非常有用。

  1.<cite>

貌似每個人都比較熟悉標籤,可以 允許你定義元素內的文字作為一種參考。一般,瀏覽器會用斜體來顯示 標籤內的文字,但是這可以用一點CSS來改變。

  2.<acronym>

標籤是定義select標籤中的選項分組的一種很好的方法。

  3.<address>

是一種定義或更多解釋一組文字的方法。當你用滑鼠放到使用標籤的文字時,一個顯示title標籤的內容的框框將會出現在下邊。

  4.<optgroup>

標籤是一個非常不起眼的小標籤,但是這並不意味著它沒有用。顧名思義

允許你在HTML中語義化標籤。這個小巧的標籤將預設斜體顯示標籤內的內容,當然,使用樣式可以很容易的改變預設的樣式。

Glen Stansberry

1234 Web Dev Lane

Anywhere, USA

5. <ins>和<del>

如果你想使用標籤來顯示編輯版本, 和 正好適合。顧名思義, 用下劃線高亮顯示新增進來的內容,而 用刪除線顯示被移除的資訊。

John likes LOVES his new iPod.

  6.<label>

貌似表單元素最容易忘掉何時標記文字。對於表單元素,最常忘記的就是 標籤。不僅僅是一個便捷的標記文字的方式, 標籤還能傳遞一個”for” 屬性來指定哪個元素將會被關聯。 不僅易於用樣式來控制,還允許你讓標題可點選。

使用者名稱

  7.<fieldset>

Fieldset是一個小巧的標籤,你可以用來為你的表單元素新增邏輯分組。

標籤就會在其內部的元素周圍畫一個框。另外一點就是可以在fieldset裡面新增標籤來定義分組的標題。

  8.<abber>

標籤頗類似於標籤,不同的是 標籤只用於定義縮寫單詞。就像一樣,你可以為這個標籤定義一個title屬性。當用戶將滑鼠放到縮寫文字上面時,全部內容就會在下面顯示。 標籤很少用,但是對於螢幕閱讀者、拼寫檢查者以及搜尋引擎是非常有用的.。

  9. rel

Rel 可以是一個極度有用的 屬性,任何HTML元素都可以應用一個rel屬性。它有助於傳遞沒有另外指定的額外引數。這對於在HTML中使用JavaScript的時候是非常有用的。如果你有一個想要在行內編輯的連結,你可以新增:

Javascript 會尋找帶有rel屬性”clickable”的a連結,並應用一些Ajax並允許它在行內被編輯。這只是你可以使用rel屬性的眾多技術中的一種用法,因為它的潛力是無止境的。感興趣的朋友可以深入研究一下W3C關於Rel的介紹。

  10.<wbr>

標籤是一個難以相信的不出名的標籤。坦率的講,我也很懷疑你們會接觸到這個標籤, 因為它幾乎從來沒有用到。(的確,在我寫這篇文章之前我幾乎沒有見到過這個標籤)。事實上,這個標籤算是一個軟斷行,允許你在某一行內指定一個斷行點,表明在該點處可以斷行,但是不是一定會斷行,僅僅是在有需要斷行的時候才會斷行。如果你想避免出現水平滾動條,那麼使用這個標籤是很棒的。