在網絡上自學
成都Web前端的同學,會看到一些常見的
HTML 元素,比如 p、h、div等,其實除此之外還看見過其他的
HTML 元素,比如 article 元素,在現在Web前端開發中,經常會用到這些元素,那這些元素到底是什么呢?
易牛云朗沃的小編就來和大家說說吧。
article元素
article元素代表文檔、頁面、應用程序、或網站中一個獨立的、完整的、可以獨自被外部引用的內容,它可以是一篇論壇帖子、一篇文章、一篇新聞報道、一篇博客文章等任何獨立的內容塊,它通常有自己的標題、頁腳等。
因此,article元素里面可包含獨立的 header、footer 等結構化元素。
如:
<article>
<header>
<h1>The Very First Rule of Life</h1>
<p><time datetime="2016-8-8">3 days ago</time></p>
</header>
<p>If there's a microphone anywhere ...</p>
<p>...</p>
<footer>
<a itemprop="discussionUrl" href="?comments=1">Show comments...</a>
</footer>
</article>
上述代碼通過一個article元素,定義了一篇完整的文章,文章由三部分組成,分別是頭部、正文和尾部。
頭部和尾部則通過獨立的 header、footer 結構化元素來定義,使文章的結構非常清晰。
一個頁面可以有多個 article元素(也可以沒有),如博客的主頁通常包括多篇文章,每篇文章就可以是一個 article元素。
并且,可以將一個 article元素嵌套在另一個 article元素中,主要內層的 article元素與外層 article元素是部分與整體的關系。在 article元素元素中包含獨立的 h1~h6 標題,也是很好的做法。