- HTML+CSS+JavaScript網頁制作:Web前端開發(第3版)
- 劉瑞新 張兵義 朱立等編著
- 524字
- 2021-12-17 17:37:38
2.3 文本層次語義元素
為了使HTML頁面中的文本內容更加形象生動,需要使用一些特殊的元素來突出文本之間的層次關系,這樣的元素稱之為文本層次語義元素。文本層次語義元素通常用于描述特殊的內容片段,可使用這些語義元素標注出重要信息,例如,名稱、評價、注意事項、日期等。
2.3.1 時間和日期標簽<time>
<time>標簽用于定義公歷的時間(24小時制)或日期,時間和時區偏移是可選的。<time>標簽不會在瀏覽器中呈現任何特殊效果,但是能以機器可讀的方式對日期和時間進行編碼。例如,用戶能夠將生日提醒或事件計劃添加到用戶日程表中,搜索引擎也能夠生成更智能的搜索結果。<time>標簽的屬性見表2-2。
表2-2 <time>標簽的屬性

【例2-3】 使用<time>標簽設置日期和時間。本例在瀏覽器中的顯示效果如圖2-3所示。


圖2-3 <time>標簽示例
2.3.2 標記標簽<mark>
<mark>標簽用來定義帶記號的文本,其主要功能是在文本中高亮顯示某個或某幾個字符,旨在引起用戶的特別注意。
【例2-4】 使用<mark>標簽設置文本高亮顯示。本例在瀏覽器中的顯示效果如圖2-4所示。


圖2-4 <mark>標簽示例
2.3.3 引用標簽<cite>
<cite>標簽可以創建一個引用標記,用于對文檔參考文獻的引用說明。一旦在文檔中使用了該標簽,被標記的文檔內容將以斜體的樣式顯示在頁面中,以區別于段落中的其他字符。
【例2-5】 使用<cite>標簽設置文檔引用說明。本例在瀏覽器中的顯示效果如圖2-5所示。


圖2-5 <cite>標簽示例