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