iT邦幫忙

2022 iThome 鐵人賽

DAY 9
0
自我挑戰組

小白網頁設計練成記系列 第 9

小白網頁設計練成記-DAY9-時間<time>與縮寫<abbr>的用法

  • 分享至 

  • xImage
  •  

今天我們來聊聊這兩個標籤的使用場景

時間< time >
在段落裡面,如果有與日期相關的語意,就可以用< time > 來表達,我們會使用datetime屬性一起使用。

下面是範例:

<p>
時間:
<time datetime="2022-09-09 10:00">
    2022年9月9日早上十點
</time>
</p>

https://ithelp.ithome.com.tw/upload/images/20220909/20152034I6TnVxtEDP.jpg

縮寫< abbr > = abbreviation

在段落里如果有一段文字我們想要表達它是縮寫,那我們就使用< abbr >搭配title屬性,將縮寫的原文打在title中。

下面是範例:

<p>
這是<abbr title:"abbreviation">abbr標籤的使用介紹
</abbr>
</p>

https://ithelp.ithome.com.tw/upload/images/20220909/20152034PjK32ZKrUM.jpg

我是結語

以上就是今天的內容啦,蔡蔡的鐵人賽內容都是很基礎的內容,非常的平易近人哈哈哈,相信都是小白的我們都能無痛學習~大家一起加油!


上一篇
小白網頁設計練成記-DAY8-淺談META TAG
下一篇
小白網頁設計練成記-DAY10-淺談HTML-<input>
系列文
小白網頁設計練成記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言