使用HTML5標簽有什么好處 <article> ， <section> ， <figure> ， <header> ， <footer> ， <nav> ？

Question

HTML5中有一些語義標記，例如<article>, <section>, <figure>, <header>, <footer>, <nav> 。 為什么要使用它們而不是<div>或<span> ？ 有沒有優化？

Answer 1

可讀性

當人們使用“您只是在爭論語義學！”時 作為論點的辯護，這意味着他們試圖以不同的方式說同一件事。 雖然這是一個確定的說法在這里，它不是一定是真的。

使用更多語義的html標簽將使您的HTML更具可讀性和清晰性，同時還允許您擁有與標簽相關的特定CSS，並且不一定需要div的自定義類。 現在，有人可能會爭辯說，您需要以任何一種方式在類或標記中​​使用CSS，但是在某些時候，每個程序員都有首選項。 有些for (int i =0; i < count; < i++) {}寫，有些for (int i = count; i > 0; i--;) {} 。

還值得一提的是，類似於<p>和<ul>這些標簽具有默認的CSS屬性，具體取決於您的瀏覽器，因此您可以使用這些標簽對新頁面進行一些簡單的樣式設置，而無需使用div從頭開始創建所有內容。

歸根結底，應該使用什么來幫助您編寫最佳代碼。 但是請注意其他選擇，因為您可能需要與偏好與您不同的人一起工作。

Answer 2

使用HTML5標簽（例如<article> ， <section> ， <figure> ， <header> ， <footer>和<nav>什么好處？

HTML標記了文檔的結構。

它告訴用戶代理：

• 這個元素是一個標題
• 這個元素是一個段落
• 這個元素是一個報價

從理論上講，您可以使用：

• <div class="heading">
• <div class="paragraph">
• <span class="quote">

但是，那么用戶代理將不會（在任何級別上）知道這些div和span代表什么。

因此，我們使用描述文檔結構的元素。

這就是標記的全部目的 。 除此之外，它沒有其他用途。