Obsolete: 此標籤已經在 HTML 5 廢置,以原有的 <abbr> 取代。
起始標籤 | 結束標籤 |
---|---|
需要 | 需要 |
舉例如下
<html> <head> <title>網頁標題</title> </head> <body> 使用 <acronym>:<br / > <acronym title="United Kingdom">UK</acronym> <br / ><br / > 沒有使用 <acronym>:<br / > UK </body> </html> <!-- 《程式語言教學誌》的範例程式 http://pydoing.blogspot.com/ 檔名:textexample21.html 功能:示範 HTML 4.01 標記語言的使用 作者:張凱慶 時間:西元 2011 年 5 月 -->
利用瀏覽器 (broswer) 開啟,結果如下
我們可以看到使用 <acronym> 標記的 UK , United Kingdom 的英文縮寫,就是英國的意思, UK 底下多了虛線的底線。
虛線的底線,我們也可由 CSS 設計出同款樣式 (style) ,例如
<html> <head> <title>網頁標題</title> <style> .abbr { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: black; } </style> </head> <body> 使用 <acronym>:<br / > <acronym title="United Kingdom">UK</acronym><br / > <br / > 使用 CSS<br / > <span class="abbr">UK</span> </body> </html> <!-- 《程式語言教學誌》的範例程式 http://pydoing.blogspot.com/ 檔名:textexample18.html 功能:示範 HTML 4.01 標記語言的使用 作者:張凱慶 時間:西元 2011 年 5 月 -->
同樣用瀏覽器開啟,如下
CSS 就是單純的樣式,所以我們放在文字的行內元素 <spangt; 之中,然後以 class 屬性指定樣式表 (style sheet) 中的類別,而 <acronym> 則是結構上標記哪些文字為縮寫詞,這是兩者最大的不同。
中英文術語對照 | |
---|---|
行內元素 | inline element |
瀏覽器 | broswer |
樣式 | style |
樣式表 | style sheet |
您可以繼續參考
文字標記與樣式
- <h?> - 標題
- <em> - 強調
- <strong> - 強調
- <dfn> - 定義
- <code> - 程式碼
- <samp> - 簡單文字
- <kbd> - 鍵盤符號
- <var> - 變數
- <cite> - 作品名稱
- <abbr> - 英文縮寫
- <acronym> - 頭字母縮寫詞 Obsolete
- <q> - 行內引用
- <sub> - 下標
- <sup> - 上標
- <ins> - 插入
- <del> - 刪除
- <tt> - 細小字型 Obsolete
- <i> - 斜體字型
- <b> - 粗體字型
- <big> - 放大字型 Obsolete
- <small> - 縮小字型
- <strike> - 刪除線 Obsolete
- <s> - 刪除線 Obsolete
- <u> - 底線 Obsolete
- <font> - 字型樣式 Obsolete
- <basefont /> - 預設字型樣式 Obsolete
- <span> - 行內元素
相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁
參考資料
沒有留言:
張貼留言