星期三, 12月 13, 2006

被忽略許久的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>定義說明標籤:
此三個標籤式共同使用的標籤,用來解釋名詞用的清單組合,其視覺效果就如這篇一樣。原始碼如下:
原始碼如下:
<dl>
<dt>名詞</dt>
<dd>名詞說明</dd>
</dl>
視覺效果如下
名詞
名詞說明
<del>刪除標籤:
用來表示某段文字有誤用的語意標籤,其視覺效果,會呈現一刪除線於文字中央。
<fieldset>表單控制組與<legend>表單控制組標題:
此兩種標籤是共同使用的標籤,用於群組表單所使用。
原始碼如下:
<fieldset>
<legend>身體情況</legend>
身高 <input type="text" size="3" />
體重 <input type="text" size="3" />
</fieldset>
視覺效果如下
身體情況 身高 體重
<sup>上標標籤與<sub>下標標籤:
有些時候會需要用到此類方法來呈現某些事情,比方:能法師。
以下介紹的是表格相關的HTML標籤,其原始碼用法與視覺效果將留在下一篇補述
<caption>表格標題標籤:
他可以在表格的最上層產生一個,專屬表格的標題區塊,視覺呈現會跟表格有所區別,是置中的區塊文字。
<col>表格欄位與<colgroup>表格欄位組:
這兩個通常都是共同使用的狀況,他們可以定義縱列儲存格的相關視覺定義。
<thead>表頭內容組<tbody>表格內容組<tfoot>表尾內容組
可以將儲存格以分組的方式加以分類,再視覺上並不會有什麼特別的效果,但在IE瀏覽器中,原本必須要完整讀取完<table>...</table>才會顯示在螢幕上,利用上述三種標籤可以預先呈現群組讀取完成後的內容。