021_html文本格式化标签
1. <i>標簽顯示斜體文本效果。
2. <b>標簽規定粗體文本。
3. <em>標簽
3.1. <em>標簽告訴瀏覽器把其中的文本表示為強調的內容。對于所有瀏覽器來說, 這意味著要把這段文字用斜體來顯示。
3.2. 在文本中加入強調也需要有技巧。如果強調太多, 有些重要的短語就會被漏掉; 如果強調太少, 就無法真正突出重要的部分。這與調味品一樣, 最好還是不要濫用強調。
3.3. 盡管現在<em>標簽修飾的內容都是用斜體字來顯示, 但這些內容也具有更廣泛的含義,將來的某一天, 瀏覽器也可能會使用其他的特殊效果來顯示強調的文本。如果你只想使用斜體字來顯示文本的話, 請使用<i>標簽。除此之外, 文檔中還可以包括用來改變文本顯示的級聯樣式定義。
3.4. 除強調之外，?當引入新的術語或在引用特定類型的術語或概念時作為固定樣式的時候,也可以考慮使用<em>標簽。例如: W3School經常對重要的術語使用<em>標簽。<em>標簽可以用來把這些名稱和其他斜體字區別開來。
4. <strong>標簽
4.1. <strong>標簽和<em>標簽一樣, 用于強調文本, 但它強調的程度更強一些。
4.2. 瀏覽器通常會以不同于<em>標簽的方式來顯示<strong>標簽中的內容, 通常是用加粗的字體(相對于斜體)來顯示其中的內容, 這樣用戶就可以把這兩個標簽區分開來了。
4.3. 如果常識告訴我們應該較少使用<em>標簽的話, 那么<strong>標簽出現的次數應該更少。如果說用<em>標簽修飾的文本好像是在大聲呼喊, 那么用<strong>標簽修飾的文本就無異于尖叫了。
4.4. 舉一個例子, 經常訪問W3school的用戶可以注意到了, 許多教程頁面的第一句摘要都是以粗體顯示的, 而實際上, 我們對這一句摘要使用了<strong>標簽。使用這個標簽的理由是, 我們認為教程摘要不僅概括了其所在頁面的內容, 而且位于頁面的最重要的位置, 其內容自然是非常重要的且值得強調的。
5. <big>標簽
5.1. <big>標簽呈現大號字體效果。
5.2. 使用<big>標簽可以很容易地放大字體。這簡直不能再簡單了: 瀏覽器顯示包含在 <big>標簽和其相應的</big>標簽之間的文字時, 其字體比周圍的文字要大一號。但是, 如果文字已經是最大號字體, 這個<big>標簽將不起任何作用。
5.3. 更妙的是, 可以嵌套<big>標簽來放大文本。每一個<big>標簽都可以使字體大一號,直到達到瀏覽器字體上限。
5.4. 但是使用<big>標簽的時候還是要小心, 因為瀏覽器總是很寬大地試圖去理解各種標簽, 對于那些不支持<big>標簽的瀏覽器來說, 它經常將其認為是粗體字標簽。
6. <small>標簽
6.1. <small>標簽呈現小號字體效果。
6.2. <small>標簽和它所對應的<big>標簽一樣, 但它是縮小字體而不是放大。如果被包圍的字體已經是字體模型所支持的最小字號, 那么<small>標簽將不起任何作用。
6.3. 與<big>標簽類似, <small>標簽也可以嵌套, 從而連續地把文字縮小。每個<small> 標簽都把文本的字體變小一號, 直到達到瀏覽器字體下限。
7. <sup>標簽
7.1. <sup>標簽可定義上標文本。
7.2. 包含在<sup>標簽和其結束標簽</sup>中的內容的底部將會以當前文本流中字符高度一半的位置來顯示, 但是與當前文本流中文字的字體和字號都是一樣的。
7.3. 這個標簽在向文檔添加腳注以及表示方程式中的指數值時非常有用。如果和<a>標簽結合起來使用, 就可以創建出很好的超鏈接腳注。
8. <sub>標簽
8.1. <sub>標簽可定義下標文本。
8.2. 包含在<sub>標簽和其結束標簽</sub>中的內容的頂部將會以當前文本流中字符高度一半的位置來顯示, 但是與當前文本流中文字的字體和字號都是一樣的。
8.3. 無論是<sub>標簽還是和它對應的<sup>標簽, 在數學等式、科學符號和化學公式中都非常有用。
9. <ins>與<del>標簽
9.1. <del>標簽定義文檔中已被刪除的文本。
9.2. <ins>標簽定義已經被插入文檔中的文本。
9.3. <ins>與<del>一同使用, 來描述文檔中的更新和修正。
10. 例子
10.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>文本格式化標簽</title></head><body><b>This text is bold</b> <br /><strong>This text is strong</strong> <br /><i>This text is italic</i> <br /><em>This text is emphasized</em> <br /><big>This text is big</big> <br /><small>This text is small</small> <br />This text contains<sup>superscript</sup> <br />This text contains<sub>subscript</sub> <br />a dozen is <del>20</del> <ins>12</ins> pieces</body> </html>10.2. 效果圖
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的021_html文本格式化标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 020_html格式化
- 下一篇： 022_html计算机输出标签