放入文字之間的區別 <h1> ， <h2> ， <p> 要不就 <div>

Question

例如，如果我想顯示任何文本，將其放在<h1> ， <h2> ， <p>或只是<div>標記之間有什么區別？ 它僅有助於更好的可讀性和更好的SEO嗎？

Answer 1

實際上是SEO，CSS，可讀性和語義。

值得一提的是，瀏覽器會自動添加一些空白（邊距），並將顯示設置為在<p>標記之前和之后阻止 ，它們是用來保存文本的，但是，它們不知道空白，這與其他標記不同，例如pre ，最終都是標簽來保存文本值。

標題<h1>....<h6>實際上是SEO的角色扮演者，它們在每頁上的計數都很重要，而且可讀性也很明顯！

<div>的意思是划分您的元素以構建頁面，而其他標簽（如section ， article的header ...等）只是我們知道的div的別名，我們以它們的名稱來面對他們使我們的生活更輕松！

Answer 2

不同之處在於瀏覽器使用默認樣式（例如，沒有任何CSS，用h1編寫的文本看起來與p文本不同，樣式因瀏覽器而異）。 要取消設置默認樣式，使用了一種通常稱為CSS Normalize或CSS reset的技術。 此外，屏幕閱讀器可以更好地使用語義標簽。 SEO還基於標簽獲取線索（例如，它希望標題位於h標簽內， p內的段落等）。

div是一種通用標簽。 盡可能使用語義標記，因為它們確實傳達了重要信息。