大前端 (三) HTML5 標籤 2

2021-09-21 18:43:12 字數 1321 閱讀 9373

b標籤常用於文字加粗,它對應於英文中的bold。

b標籤用於粗體顯示文字
strong標籤的作用和用法與b標籤基本相同,但是在html5中為strong標籤增加了語義,用其表示重要的文字

strong標籤用於粗體顯示文字,表示重點內容
i標籤用於將文字斜體顯示,它源於英語單詞italic;常用於顯示專業詞彙,術語,諺語

service
em標籤表示將文字斜體顯示,它源於英語單詞emphasize.

i標籤和em標籤都將文字斜體顯示,它們有什麼區別麼?b標籤和strong標籤都將文字粗體顯示,它們有什麼區別呢?

strong標籤和em標籤是為了強調內容的重要意義而顯示粗體或者斜體對於搜尋引擎,爬蟲,seo而言更受重視。eg:

概括地來說:b標籤和i標籤是物理元素strong標籤和em標籤是邏輯元素。物理元素強調的是一種物理行為。比如說,把一段文字用b標籤加粗,意思是告訴瀏覽器應該加粗顯示,沒有其他作用;而strong標籤不但加粗了字型還起到了強調的作用。同理,i標籤和em標籤類似,故不再贅述

u標籤用於表示文字下劃線,它源於英文單詞underline;請看如下示例:

u標籤標示文字的下劃線
這裡是上標1
sub標籤用於表示文字的下標,它是英文單詞subscript的縮寫;請看如下示例:

這裡是下標2
span用於組合文件中的行內元素;它常結合css為文字中的某些部分進行特殊處理

--> lizi

font標籤用於給文字設定文字大小和顏色等屬性。示例如下:

測試font
雖然font標籤可以給文字設定樣式,但是在html5中建議不再使用該標籤,可採用css實現相同的功能。

前端HTML5基本標籤

使用傢伙式 工欲善其事必先利其器,在開發時我們有乙個好的工具可以事半功倍.nopant 也可以寫但是效率低,我們可以使用hbuilder去編寫.並且在編寫介面的右邊還有開發檢視,這裡推薦使用hbuilderx,因為它優秀,不優秀不用 標籤介紹 有序標籤子標籤屬性標籤type 無序標籤 超連結herf...

前端HTML以及HTML5(基本標籤)

前面一章介紹了一下前端的發展,這章簡單介紹一下html的發展以及基本的標籤。1 概念 超文字標記語言 hypertext markup language,簡稱html 是為 網頁建立和其他可在瀏覽器中看到的資訊 設計的一種標記語言。超文字標記語言 第一版 在1993年6月作為網際網路工程小組 iet...

HTML5標籤整理三

標籤定義聲音,比如 或其他音訊流。一段簡單的 html 5 音訊 您的瀏覽器不支援 audio 標籤。可以在開始標籤和結束標籤之間放置文字內容,這樣老的瀏覽器就可以顯示出不支援該標籤的資訊。屬性值描述 autoplay autoplay controls controls loop loop pre...