iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
自我挑戰組

網頁設計相關系列 第 3

<Day3> 網頁設計自學筆記/HTML Tag

  • 分享至 

  • xImage
  •  

前一篇單純用p包住來呈現內文,我們嘗試改個Tag看會有甚麼變化,
https://ithelp.ithome.com.tw/upload/images/20220915/20152365JeN5ZG41Zl.jpg
https://ithelp.ithome.com.tw/upload/images/20220915/20152365dBam5kwwGe.jpg
這裡的Tag(em)完整名稱是emphasized,也就是強調的意思,但有個呈現起來很類似的用法如下,
https://ithelp.ithome.com.tw/upload/images/20220915/20152365tKeyctc0T6.jpghttps://ithelp.ithome.com.tw/upload/images/20220915/20152365g4sW7AIJ95.jpg
Chrome網頁中第一排的"Hey Bro!"和"Fantastic"的Tag是不同的,卻有相同的變化。這裡的i表示italic,是斜體的意思,使用i單純是為了視覺上的效果,想呈現斜體字的感覺,使用italic和emphasized最大的不同在語意,用emphasized標籤讓電腦知道此內文很重要,瀏覽器抓到重點後,搜尋的結果也會比較準確,而italic只是單純增添視覺效果。但不同的標籤使用對肉眼來說...完全沒差別=)


上一篇
<Day2> 網頁設計自學筆記/HTML開發環境、入門
下一篇
<Day4> 網頁設計相關/HTML巢狀結構
系列文
網頁設計相關5
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言