千家信息网

请输入关键字词

热门搜索排行

最新搜索排行

导航： 首页 > 开发技术 >

HTML5中的Article和Section元素怎么使用

发表于：2024-11-24 作者：千家信息网编辑
千家信息网最后更新 2024年11月24日，这篇文章主要介绍"HTML5中的Article和Section元素怎么使用"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"HTML5中的Article和Sect
千家信息网最后更新 2024年11月24日HTML5中的Article和Section元素怎么使用

这篇文章主要介绍"HTML5中的Article和Section元素怎么使用"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"HTML5中的Article和Section元素怎么使用"文章能帮助大家解决问题。

HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：

和
。

最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？

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元素怎么使用"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。

    • 很赞哦！
    元素 内容 文档 代码 博客 文章 例子 样式 段落 知识 应用 独立 官方 工具 帖子 时候 结构 脚本 行业 论坛 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 广东网络安全110启动 mysql数据库137讲 智能家居和服务器 服务器怎样进入u盘启动盘 数据库和运筹学哪个重要 网络安全等级保护测评过程 在铁锈战争怎么加入官方服务器 学校学生数据库有什么用 苏州阿里云服务器如何划分 tp5数据库记录转字符 鼎天云宏网络技术 伺服控制系统网络安全 服务器要求输入用户名 英雄联盟国内外目前有几个服务器 天亿网络安全公司注册在哪 和晶科技 互联网金融 软件开发最大的瓶颈 郑州艺术职业学院软件开发 软件开发编程培训学校哪个好 怎样检查服务器 网络安全大赛战队网站 mc中国版租赁服务器 计算机软件开发专业什么样 数据库中对检索词精确检索 软件开发用联想小新可以吗 我的世界基岩版服务器封禁指令 消光2服务器在哪 管理esxi服务器有哪些方式 软件开发营销策略怎么写 服务器遇到安全攻击

    相关文章

    0