首頁 web前端 html教學 HTML中與,與標籤的區別

HTML中與,與標籤的區別

Jun 27, 2017 am 11:15 AM
html strong 差別

1)關於html標籤中b和strong兩個的區別,我也是今天用到時才注意的,以前都是混著用的,今天工作的時候才注意到這兩個標籤的區別。

用在網頁上,預設情況下它們起的均是加粗字體的作用,二者所不同的是,標籤是一個實體標籤,它所包圍的字符將被設為bold(粗體),而標籤是一個邏輯標籤,它的作用是加強字符的語氣,一般來說,加強字符的語氣是通過將字符變為bold(粗體)來實現的。

     注意:什麼是物理標記?什麼是邏輯標記?

    物理元素所強調的是一種物理行為#,比如說我把一段文字用b標記加粗了,我的意思是告訴瀏覽器應該給我加粗了顯示這段文字,從單字的語意也可以分析得出,b是Bold(加粗)的簡寫,所以這個B標記所傳達的意思只是加粗,沒有任何其它的作用。

    而Strong我們從字面理解就可以知道他是強調的意思,所以我們用這個標記向瀏覽器傳達了一個強調某段文字的消息,而這個Strong就是我們所說的邏輯元素,他是強調文檔邏輯的,並非是通知瀏覽器應該如何顯示。

    同樣,I是Italic(斜體),而em是emphasize(強調)。

    所以說:實體元素是告訴瀏覽器我應該以何種格式顯示文字,邏輯元素告訴瀏覽器這些文字有怎麼樣的重要性。

     總結:簡單的說strong是web標準中xhtml的標籤,strong的意思是「強調」;b是html的,b的意思是bold(粗體)。 web標準主張xh​​tml不涉及具體的表現形式,「強調」可以用加粗來強調,也可以用其它方式來強調,比如下劃線,比如字體加大,比如紅色,等等,可以通過css來改變strong的具體表現。

     並不是說有了strong,就淘汰了b,只是這個b很無辜,就因為自己表示的是字體加粗,恰巧跟strong默認情況下強調的效果一致,其實這個strong完全可以定義成別的樣式的強調效果

    WEB標準提倡樣式與內容分離,所以純粹為了達到加粗而使用B已經不建議這樣做。

    從XHTML文件有意義性及使用者體驗角度來說,strong更有益,更被建議使用。而SEO方面,則針對最佳化情況而定。

結論:對於搜尋引擎來說要重視的多。為了符合現在W3C的標準,還是建議使用strong標籤。

    

     2) 標籤告訴瀏覽器將其中的文字表示為強調的內容。對所有瀏覽器來說,這意味著要把這段文字用斜體來顯示。

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

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

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

   結論同上,為了符合現在W3C的標準,還是建議使用標籤。

 

   3)附註意: 標籤和  標籤一樣,用來強調文本,但它強調的程度更強。

以上是HTML中與,與標籤的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML,CSS和JavaScript的角色:核心職責 HTML,CSS和JavaScript的角色:核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

React在HTML中的作用:增強用戶體驗 React在HTML中的作用:增強用戶體驗 Apr 09, 2025 am 12:11 AM

React通過JSX與HTML結合,提升用戶體驗。 1)JSX嵌入HTML,使開發更直觀。 2)虛擬DOM機制優化性能,減少DOM操作。 3)組件化管理UI,提高可維護性。 4)狀態管理和事件處理增強交互性。

了解HTML,CSS和JavaScript:初學者指南 了解HTML,CSS和JavaScript:初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

PS導出PDF如何設置密碼保護 PS導出PDF如何設置密碼保護 Apr 06, 2025 pm 04:45 PM

在 Photoshop 中導出帶密碼保護的 PDF:打開圖像文件。點擊“文件”>“導出”>“導出為 PDF”。設置“安全性”選項,兩次輸入相同的密碼。點擊“導出”生成 PDF 文件。

H5和小程序與APP的區別 H5和小程序與APP的區別 Apr 06, 2025 am 10:42 AM

H5、小程序和APP的主要區別在於:技術架構:H5基於網頁技術,小程序和APP為獨立應用程序。體驗和功能:H5輕便易用,功能受限;小程序輕量級,交互性好;APP功能強大,體驗流暢。兼容性:H5跨平台兼容,小程序和APP受平台限制。開發成本:H5開發成本低,小程序中等,APP最高。適用場景:H5適合信息展示,小程序適合輕量化應用,APP適合複雜功能應用。

HTML:結構,CSS:樣式,JavaScript:行為 HTML:結構,CSS:樣式,JavaScript:行為 Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML:建立網頁的結構 HTML:建立網頁的結構 Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

HTML的未來:網絡設計的發展和趨勢 HTML的未來:網絡設計的發展和趨勢 Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

See all articles