介绍语义HTML5元素(感觉这个html5是一个不错的方向!)
HTML5已经引入了很多新的元素使HTML标记甚至更多的语义。
为了得到一个更好的理解这些元素应该被使用,我已经决定使用相同的例子在这部分的教程。这是一篇关于面粉,我有AllReceipes借用。
在继续之前到其余的教程,你应该有一个快速的看看这篇文章标记可能看起来在没有使用html5元素——有很多<div>元素和我将向您展示当这些>div>可以换成更多的语义正确的标记。
看看与普通HTML标记,如果你是为一个挑战你可以比较它和新的HTML5标记,否则继续接下来的章节,我将展示如何以及为什么我们改变标记成语义正确的标记。(注意,如果没有风格的文章——这是纯语义HTML!)
新的HTML5元素可以以不同的方式使用,重要的是要注意,尽管我试图包括尽可能多的意见如何使用它们,尽可能使用元素不是决定性的然而。
这意味着,我可能状态,“内容在<article>元素是为了让自己感觉”,但这是我理解的HTML5规范,尽管我试图呈现最认可使用的元素,你可能读其他文章,不同意我读的HTML5规范。
这意味着我很经常会写一个,两个,甚至三个不同的视图如何使用这些新元素。但不要让这把你吓跑利用新元素——你未来保护你的网页,这始终是一件好事。另外,你不希望它成为一个习惯使用<div>元素来一切这样的标记你的文档是一个垂死的这样做的方法。

浙公网安备 33010602011771号