HTML <b>、 <strong> 、<big>、<small>、<em>、<i>、<sub>和<sup> 標簽

来源:http://www.cnblogs.com/iceflorence/archive/2016/09/02/5819574.html
-Advertisement-
Play Games

HTML <b> 標簽 所有瀏覽器都支持 <b> 標簽。 定義和用法 <b> 標簽規定粗體文本。 所有瀏覽器都支持 <b> 標簽。 定義和用法 <b> 標簽規定粗體文本。 定義和用法 <b> 標簽規定粗體文本。 註釋:根據 HTML5 規範,在沒有其他合適標簽更合適時,才應該把 <b> 標簽作為最後 ...


HTML <b> 標簽

所有瀏覽器都支持 <b> 標簽。

定義和用法

<b> 標簽規定粗體文本。

註釋:根據 HTML5 規範,在沒有其他合適標簽更合適時,才應該把 <b> 標簽作為最後的選項。HTML5 規範聲明:應該使用 <h1> - <h6> 來表示標題,使用 <em> 標簽來表示強調的文本,應該使用 <strong> 標簽來表示重要文本,應該使用 <mark> 標簽來表示標註的/突出顯示的文本。

提示:您也能夠使用 CSS "font-weight" 屬性來設置粗體文本。

 

HTML <strong> 標簽

定義和用法

<strong> 標簽和 <em> 標簽一樣,用於強調文本,但它強調的程度更強一些。

瀏覽器通常會以不同於 <em> 標簽的方式來顯示 <strong> 標簽中的內容,通常是用加粗的字體(相對於斜體)來顯示其中的內容,這樣用戶就可以把這兩個標簽區分開來了。

如果常識告訴我們應該較少使用 <em> 標簽的話,那麼 <strong> 標簽出現的次數應該更少。如果說用 <em> 標簽修飾的文本好像是在大聲呼喊,那麼用 <strong> 標簽修飾的文本就無異於尖叫了。沉默寡言的人說出的話總是一諾千金,與此相同,限制 <strong> 的使用可以令應該更加引人註意,而且更加有效。

舉一個例子,經常訪問 W3school 的用戶可以註意到了,許多教程頁面的第一句摘要都是以粗體顯示的,而實際上,我們對這一句摘要使用了 <strong> 標簽。使用這個標簽的理由是,我們認為教程摘要不僅概括了其所在頁面的內容,而且位於頁面的最重要的位置,其內容自然是非常重要的且值得強調的。

 

HTML <big> 標簽 

所有瀏覽器都支持 <big> 標簽。

定義和用法

<big> 標簽呈現大號字體效果。

使用 <big> 標簽可以很容易地放大字體。這簡直不能再簡單了:瀏覽器顯示包含在 <big> 標簽和其相應的 </big> 標簽之間的文字時,其字體比周圍的文字要大一號。但是,如果文字已經是最大號字體,這個 <big> 標簽將不起任何作用。

更妙的是,可以嵌套 <big> 標簽來放大文本。每一個 <big> 標簽都可以使字體大一號,直到上限 7 號文本,正如字體模型所定義的那樣。

但是使用 <big> 標簽的時候還是要小心,因為瀏覽器總是很寬大地試圖去理解各種標簽,對於那些不支持 <big> 標簽的瀏覽器來說,它經常將其認為是粗體字標簽。

 

HTML <small> 標簽

所有瀏覽器都支持 <small> 標簽。

定義和用法

<small> 標簽呈現小號字體效果。

<small> 標簽和它所對應的 <big> 標簽一樣,但它是縮小字體而不是放大。如果被包圍的字體已經是字體模型所支持的最小字型大小,那麼 <small> 標簽將不起任何作用。

與 <big> 標簽類似,<small> 標簽也可以嵌套,從而連續地把文字縮小。每個 <small> 標簽都把文本的字體變小一號,直到達到下限的一號字。

 

HTML <em> 標簽

定義和用法

<em> 標簽告訴瀏覽器把其中的文本表示為強調的內容。對於所有瀏覽器來說,這意味著要把這段文字用斜體來顯示。

在文本中加入強調也需要有技巧。如果強調太多,有些重要的短語就會被漏掉;如果強調太少,就無法真正突出重要的部分。這與調味品一樣,最好還是不要濫用強調。

儘管現在 <em> 標簽修飾的內容都是用斜體字來顯示,但這些內容也具有更廣泛的含義,將來的某一天,瀏覽器也可能會使用其他的特殊效果來顯示強調的文本。如果你只想使用斜體字來顯示文本的話,請使用 <i> 標簽。除此之外,文檔中還可以包括用來改變文本顯示的級聯樣式定義。

除強調之外,當引入新的術語或在引用特定類型的術語或概念時作為固定樣式的時候,也可以考慮使用 <em> 標簽。例如,W3School 經常對重要的術語使用 <em> 標簽。<em> 標簽可以用來把這些名稱和其他斜體字區別開來。

 

HTML <i> 標簽

 

所有瀏覽器都支持 <i> 標簽。

定義和用法

<i> 標簽顯示斜體文本效果。

<i> 標簽和基於內容的樣式標簽 <em> 類似。它告訴瀏覽器將包含其中的文本以斜體字(italic)或者傾斜(oblique)字體顯示。如果這種斜體字對該瀏覽器不可用的話,可以使用高亮、反白或加下劃線等樣式。

提示:<i> 標簽一定要和結束標簽 </i> 結合起來使用。

 

HTML 5 <sub> 和 <sup> 標簽

定義和用法

<sub> 標簽可定義下標文本。<sup> 可定義上標文本。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 最近幾年在做項目過程中發現項目中出現的問題,一部分由於項目前期一些很基礎的技術系統沒有註意, 所以總結了項目開始搭建架構的時候應該註意的技術問題和技術框架的選型。 所有所謂的最佳實踐只是參考,本文也不例外。 異常處理是程式最基本的問題,我見過最多的處理異常的方式,在業務層一個大的try catch) ...
  • 如何使用CSS來製作圖形,比如說圓形,半圓形,三角形等。今天我特意在網上查閱了一下,介紹這樣的教程還是蠻多的,因此我也決定整理一份相關教程出來與大家一起分享。 很少會有人意識到,當瀏覽器繪製的border,會有一個角度的問題。我們就是得用這樣的一個技巧來製作三角的效果。我們只需要保證一邊的邊框是有... ...
  • × 目錄 [1]寫法 [2]增強 [3]實現 前面的話 本文先詳細介紹回到頂部的5種寫法,然後對其實現功能增加,最後得到最終實現 寫法 【1】錨點 使用錨點鏈接是一種簡單的返回頂部的功能實現。該實現主要在頁面頂部放置一個指定名稱的錨點鏈接,然後在頁面下方放置一個返回到該錨點的鏈接,用戶點擊該鏈接即可 ...
  • domManip 這個函數的歷史由來已久,從 jQuery 1.0 版本開始便存在了,一直到最新的 jQuery 版本。可謂是元老級工具函數。 domManip 的主要功能是為了實現 DOM 的插入和替換。具體共為以下 5 個函數服務 內部後插入(append) 內部前插入(prepend) 外部前 ...
  • 先知BOM,再知DOM BOM <a href="#">BOM</a> DOM* <a href="#">DOM</a> javaScript中的DOM操作 jQuery中的DOM操作 java中的DOM操作 基於JavaScript的DOM操作 DOM:文檔對象模型,文檔可以是.xml .html ...
  • 作為當代前端,前後端的界限越來越小,要想走的更穩,學習Linux操作系統的相關知識是必不可少的。 為什麼伺服器端採用linux操作系統? 1.linux相對於windows的性能更加穩定 2.前期投入成本低,相比於windows的伺服器產品,linux是完全開源免費的,linux支持最小化安裝,在相 ...
  • 一、圖片格式為png 1.shift+按住滑鼠左鍵,拉出參考線。 2.使用切片工具切出圖片 3.導出圖片:文件-儲存為web所用格式-預設(png-24)-選中需要導出圖片-點擊儲存-切片(選中用戶的所有切片)-保存(保存在桌面上) 二、圖片格式為psd 1.新建一個文檔 2.圖層中找到需要的圖層- ...
  • gitHub地址:https://github.com/lily1010/vue_learn/tree/master/lesson05 一 過濾器寫法 {{ message | Filter}} 二 Vue自帶的過濾器:capitalize 功能:首字母大寫 上面代碼輸出:Abc 三 Vue自帶的過 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...