HTML5已經引入了很多新的元素使HTML標記甚至更多的語義。

為了得到一個更好的理解這些元素應該被使用,我已經決定使用相同的例子在這部分的教程。這是一篇關于面粉,我有AllReceipes借用。

在繼續之前到其余的教程,你應該有一個快速的看看這篇文章標記可能看起來在沒有使用html5元素——有很多<div>元素和我將向您展示當這些>div>可以換成更多的語義正確的標記。

看看與普通HTML標記,如果你是為一個挑戰你可以比較它和新的HTML5標記,否則繼續接下來的章節,我將展示如何以及為什么我們改變標記成語義正確的標記。(注意,如果沒有風格的文章——這是純語義HTML!)

新的HTML5元素可以以不同的方式使用,重要的是要注意,盡管我試圖包括盡可能多的意見如何使用它們,盡可能使用元素不是決定性的然而。

這意味著,我可能狀態,“內容在<article>元素是為了讓自己感覺”,但這是我理解的HTML5規范,盡管我試圖呈現最認可使用的元素,你可能讀其他文章,不同意我讀的HTML5規范。

這意味著我很經常會寫一個,兩個,甚至三個不同的視圖如何使用這些新元素。但不要讓這把你嚇跑利用新元素——你未來保護你的網頁,這始終是一件好事。另外,你不希望它成為一個習慣使用<div>元素來一切這樣的標記你的文檔是一個垂死的這樣做的方法。

轉載于:https://www.cnblogs.com/hejielis/p/klsoem.html

總結

以上是生活随笔為你收集整理的介绍语义HTML5元素（感觉这个html5是一个不错的方向！）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。