被忽略許久的HTML標籤
從網路上知道了這個網站後,瞭解了更多HTML語意標籤,也更瞭解了許多我們都沒注意到的HTML標籤。沒注意到的原因是,工具列多半都沒有這類標籤的按鈕,而這些標籤,有些也只有語意,並不會有什麼外觀上的改變。
如果您也是個跟HTML標籤苦戰的部落客,也許你可以從以下的介紹,找到一些很有用的標籤,這些標籤有些已經不建議使用,但在XHTML2.0還遲遲未到的今天,只要原始碼改起來方便,我認為,用用也無妨的。
- <abbr>縮寫標籤:
- 當你會使用到一些,英文縮寫的英文字時,又想要加上這縮寫的完整意思,就可以使用這個標籤,使用的狀況如下
原始碼如下:
<abbr title="Incorporated">.Inc</abbr>
視覺效果如下(請將滑鼠滑過並等候一下)
.Inc - <acronym>首字母縮略字標籤:
- 與上面的縮寫標籤不一樣的是,有些單字是用該句的所有字首所組成,就可以用這個標籤來表達其語意,其視覺效果與上方的<abbr>類似。
- <big>大型字體與<small>小型字體:
- 不被建議使用的標籤,其作用就是呈現大一級(或小一級)的字體。
原始碼如下:
<big>嘩!!</big>真<small>的</small>嘛?
視覺效果如下
嘩!!真的嘛? - <center>置中標籤:
- 其效果就跟一般<div align="center">是一樣的,不過現在都不被建議使用了。
- <cite>引證標籤:
- 引述某人或是某書中的內容所用的語意標籤,其視覺標籤會有斜體的感覺。
- <code>電腦程式碼:
- 要呈現電腦程式碼時所使用的語意標籤,並不會有視覺上的效果。
- <dl>定義式清單標籤<dt>下定義名詞標籤<dd>定義說明標籤:
- 此三個標籤式共同使用的標籤,用來解釋名詞用的清單組合,其視覺效果就如這篇一樣。原始碼如下:
- 名詞
- 名詞說明
- <del>刪除標籤:
- 用來表示某段文字有誤用的語意標籤,其視覺效果,
會呈現一刪除線於文字中央。 - <fieldset>表單控制組與<legend>表單控制組標題:
- 此兩種標籤是共同使用的標籤,用於群組表單所使用。
原始碼如下:
<fieldset>
<legend>身體情況</legend>
身高 <input type="text" size="3" />
體重 <input type="text" size="3" />
</fieldset>
視覺效果如下
- <sup>上標標籤與<sub>下標標籤:
- 有些時候會需要用到此類方法來呈現某些事情,比方:上慧下能法師。
原始碼如下:
<dl>
<dt>名詞</dt>
<dd>名詞說明</dd>
</dl>
視覺效果如下
- <caption>表格標題標籤:
- 他可以在表格的最上層產生一個,專屬表格的標題區塊,視覺呈現會跟表格有所區別,是置中的區塊文字。
- <col>表格欄位與<colgroup>表格欄位組:
- 這兩個通常都是共同使用的狀況,他們可以定義縱列儲存格的相關視覺定義。
- <thead>表頭內容組<tbody>表格內容組<tfoot>表尾內容組
- 可以將儲存格以分組的方式加以分類,再視覺上並不會有什麼特別的效果,但在IE瀏覽器中,原本必須要完整讀取完<table>...</table>才會顯示在螢幕上,利用上述三種標籤可以預先呈現群組讀取完成後的內容。
|