首页 > 编程知识 正文

h5语义化元素,h5新增的标签

时间:2023-05-05 02:31:42 阅读:8834 作者:4769

我以前参加过几次webRuilder年会,每次都有关于HTML5的共享内容,这两次我都谈到了H5的大纲算法。 主要是关于H5语义化标签的应用。

HTML5具有一系列新元素,将在未来得到广泛应用。 但是,在使用时有容易混淆的因素。 有以下两个新元素: 和。

人们经常问的问题是,在什么情况下应该使用这些元素? 以及应该如何正确使用这些要素?

第二个元素

这是最容易产生歧义的因素。 还有

元素的区别是什么? 我们一直在用来划分段落,所以除了,我们什么时候用这个要素? 我们引用官方文档来阐述它。 根据WHATWG文档,元素描述如下: "元素表示文档或APP应用程序中的常规段落- WHATWG."

从说明中可以看出,要素的作用是分段的,或多或少相似。 但是,还有特别的情况。 文档中建议使用“如果一个元素仅用于样式,或者用于脚本的方便性,则建议作者使用。 元素适用于需要明确列出元素内容的情况。 - WHATWG”基于这一点,可以归纳出以下两点。

首先,section元素可以从技术上设计样式,但如果存在复杂的样式和脚本,则建议使用div元素。

第二个很相似

元素,section元素用于枚举内容。 因此,在现实的示例中,使用元素的原因是结构化博客的内容,代码如下:

blogposttitleicecreamtartpowderjelly-o。

gmmieschocolatecakeicecreamcookiehalvahtiramisujelly-o。

blogposttitleicecreamtartpowderjelly-o。

gmmieschocolatecakeicecreamcookiehalvahtiramisujelly-o。

blogposttitleicecreamtartpowderjelly-o。

gmmieschocolatecakeicecreamcookiehalvahtiramisujelly-o。

这是一个例子,元素也可以用于其他用途。

文章元素

从名字来看,它很好地诠释了自己,但让我们看看它是如何在官方文档中描述的:

“它是文档、页面、APP应用程序或站点上的独立部分,基本上可以独立分配,也可以在发布时重复使用。 它是论坛帖子、杂志和新闻、博客条目、用户提交的评论、交互式小工具和小工具或其他独立项目的内容。 ”

通过上述说明,可以总结结构化文章,特别是博客、页面内容和论坛帖子等帖子的特殊元素。

以下示例说明如何使用构建博客文章。

thisisblogposttitleauthornamesaveincategoriesssweetrollhalvahbiscuittoffeeliquoricetartpuddingsesamesnaps。

biscuitpowderjelly-ofruitcakefaworkichocolatebar.puddingoatnbon.gummi es

halvahgummiesdanishbiscuitapplicak

cketootsierollsesamesnapslollipopgingerbreadboegingerbreadjelly-o路径。

此外,元素还可以与section元素组合使用。 如果需要,可以使用元素将文章分成几个段落,如下例所示。

thisisblogposttitleauthornamesaveincategoriesthisisthesub-headingsweetrollhalvahbiscuittoffeeeliquoricetartpudingsesesamesnaps

biscuitpowderjelly-ofruitcakefaworkichocolatebar.puddingoatcake

tootsierollsesamesnapslollipopgingerbreadbonbon.gummieshalvah

gmmiesdanishbiscuitapplicakegingerbreadjelly-o pastry。

thisisanothersub-headingtoppingcheesecakesweetpiecarrotcakesweetroll.gummibearslemondrops

toffeesesamesnapstarttoppingchupachupsapplepiegummies.wafer chocolate

cake.sugarplumchocolatebartoppingicecreamcarrotcakedanishbonbon。

cheesecakegummibearsdragejujubesdrage dragebrowniejellybiscuit.powdercroissantjellybeanspastry。

总结

HTML5创造新元素,都是为了使网络结构更有意义。 如何正确应用这些要素,只能看网络开发人员和设计人员之间,任何事物都有绝对性,如何处理。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。