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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...