文章标签（The article tag），html5里面的知识！

最新推荐文章于 2024-07-19 11:00:40 发布

weixin_30911451

最新推荐文章于 2024-07-19 11:00:40 发布

阅读量155

点赞数

原文链接：http://www.cnblogs.com/hejielis/p/liemshs.html

版权

这篇文章元素是一新的元素,介绍了HTML5。因为这是一个新元素已经存在一些混乱的如何使用该元素。但似乎有一个协议,您使用<article>元素当你标记的内容,对自己是有意义的。这是什么意思?这意味着你可以使用<article>元素当标记一个“关于我”页面,一个博客条目,而每评论你的博客条目。

但是你不应该使用<article>元素在每一个段落——重点是,不管你放在<article>元素应该是在它自己的意义。

使用面粉的文章,这篇文章应该使用这样的元素(请注意,我已经取代了很多的实际内容与三个点,这样的例子并不占据太多空间):

<!DOCTYPE html>
        <body>
        <article>
                <div id="header">
                        <h1>All About Flour</h1>
                        ...
                </div>
                <div id="content">
                        <h2>The Two Types of Wheat</h2>
                                <p>There are…</p>
                        <h2>All-Purpose Flour</h2>
                                <p>All-purpose …</p>
                        ...
                </div>
        </article>
        </body>
</html>

正如您可以看到的,<article>元素包含<div id="header">、<div id="content">的内容在这两个<div>'s可以被理解为一个整篇文章。我没有包含<divid=“页脚”>的内容在这个元素有没什么实际的文章我们仍然使用大量的div元素在这个例子中,但我将向您展示在接下来的章节,您应该使用新的HTML5元素相反。

有时你需要的只是一个例子,我已经包括了另一个:使用博客条目示例从先前的章节,您将使用本文元素把每个博客条目如下:

<article>
        <h1>Just Another Day</h1>
        <p>Written by Christina<br />
        On January 11th </p>
        <p class="content">This is my second blog entry, and I just wanted to check in on you </p>
</article>
<article>
        <h1>My First Blog Entry</h1>
        <p>Written by Christina<br />
        On January 10th </p>
        <p class="content">I’m so happy to write my first blog entry – yay!</p>
</article>

你已经学会了:
<article>是一个新的语义HTML5元素
<article>时应使用有意义的内容在其自己的(例如在一个rss订阅)
<article>是一个非常特定的元素——更具体的比如< div >元素

转载于:https://www.cnblogs.com/hejielis/p/liemshs.html

weixin_30911451

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文章标签（The article tag），html5里面的知识！

这篇文章元素是一新的元素,介绍了HTML5。因为这是一个新元素已经存在一些混乱的如何使用该元素。但似乎有一个协议,您使用<article>元素当你标记的内容,对自己是有意义的。这是什么意思?这意味着你可以使用<article>元素当标记一个“关于我”页面,一个博客条目,而每评论你的博客条目。但是你不应该使用<article>元素在每一个段落——重点是,不管你...
复制链接

扫一扫