资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

HTML5中的Article和Section元素的用法-创新互联

这篇文章主要介绍“HTML5中的Article和Section元素的用法”，在日常操作中，相信很多人在HTML5中的Article和Section元素的用法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”HTML5中的Article和Section元素的用法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联建站，专注为中小企业提供官网建设、营销型网站制作、响应式网站开发、展示型成都做网站、网站制作等服务，帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。



Section元素
这 是一个最容易产生歧义的元素。它与

元素有什么区别？我们一直在用
来划分段落，所以除 了
,我们什么时候使用这个元素。我们引用官方文档来阐述它。根据WHATWG文档，对
元素做了以下 描述：
“
元素表示了一篇文档或应用中，通用段落 - WHATWG”

从描述中我们可以看出
元素的作用就是分段，或多或少类似于
。但是它仍有一个特例。在文档中，加入了一段特别声明：
“当一个元素仅用于风格样式或是为了脚本的方便，我们鼓励作者使用
。
元素适用于，当元素的内容需要明确的列出时。- WHATWG”

基于这一点，我们可以总结以下两点：
第一，尽管section元素在技术上是可以设计样式的，但是当有复杂的样式或脚本时，我们仍建议使用div元素。
第二，类似于
  • 元素，section元素是用来列举内容的。

    因此在现实例子中，使用
    元素的原因是结构化的列出博客的内容，代码如下：



    代码如下:




    Blog Post Title


    Ice cream tart powder jelly-o.
    Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.




    Blog Post Title


    Ice cream tart powder jelly-o.
    Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.




    Blog Post Title


    Ice cream tart powder jelly-o.
    Gummies chocolate cake ice cream cookie halvah tiramisu jelly-o.





    这只是个例子，

    元素也可以用作其他用途。

    Article元素
    从名字上，它已经很好的诠释了自己，但是我们仍要看看官方文档上是如何描述它的：
    “在文档，页面，应用或是站点上的一个独立部分，并且大体上，是可独立分配，或是重复使用的，例如在发布时。这个可以是论坛帖子，杂志或是新闻，博客条目，用户提交的评论，互动的小工具或小工具，或任何其他独立项目的内容。”

    从上描述中，我们可以总结出
    元素专用于结构化文章，特别是我们要发布的，例如博客，页面内容或是论坛帖子。
    以下例子给出了如何使用
    构建一个博客文章。



    代码如下:




    This is Blog Post Title




    • Author Name

    • Save in Categories





    Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
    Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat
    cake tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies
    halvah gummies danish biscuit applicake gingerbread jelly-o pastry.



    此外，

    元素还可与section元素结合，需要的时候，可以使用
    元素将文章分为几个段落，如下例所示。



    代码如下:




    This is Blog Post Title




    • Author Name

    • Save in Categories






    This is the Sub-Heading


    Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.
    Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat cake
    tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies halvah
    gummies danish biscuit applicake gingerbread jelly-o pastry.


    This is another Sub-Heading


    Topping cheesecake sweet pie carrot cake sweet roll. Gummi bears lemon drops
    toffee sesame snaps tart topping chupa chups apple pie gummies. Wafer chocolate
    cake. Sugar plum chocolate bar topping ice cream carrot cake danish bonbon.
    Cheesecake gummi bears dragée jujubes dragée dragée brownie jelly biscuit. Powder croissant jelly beans pastry.



    到此，关于“HTML5中的Article和Section元素的用法”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！


    分享文章：HTML5中的Article和Section元素的用法-创新互联
    网站地址：http://cdkjz.cn/article/dghhcc.html
    • 返回首页 了解更多建站资讯

    相关资讯

    多年建站经验

    多一份参考，总有益处

    联系快上网，免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈，可以通过以下方式与我们联系

    大客户专线   成都：13518219792   座机：028-86922220

    在线咨询 提交需求
    友情链接 交换友情链接
    成都网站优化成都光华电信机房中国西部信息中心免费收录网站成都全网营销服务器租用成都小程序成都网站建设温江网站建设瑞杰企业管理

    成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

    成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

    专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图