HTML5新聞列表是一個非常實用的功能,通過它可以將新聞按照時間順序排列,讓用戶更加方便地瀏覽新聞內容。下面是一個HTML5新聞列表的代碼示例:
<ul> <li> <h2>第一條新聞標題</h2> <p>第一條新聞內容</p> <time datetime="2021-01-01">2021-01-01</time> </li> <li> <h2>第二條新聞標題</h2> <p>第二條新聞內容</p> <time datetime="2021-01-02">2021-01-02</time> </li> <li> <h2>第三條新聞標題</h2> <p>第三條新聞內容</p> <time datetime="2021-01-03">2021-01-03</time> </li> </ul>
以上代碼使用了<ul>和<li>標簽來創建新聞列表,每一個新聞都包括一個標題<h2>標簽、內容<p>標簽和時間<time>標簽。其中,<time>標簽用于指定發布時間,并且可以通過datetime屬性指定標準時間格式。
在CSS樣式表中,可以根據需要設置新聞標題和內容的字體、顏色、布局等樣式,使頁面更加美觀。