我以前参加过几次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创造新元素,都是为了使网络结构更有意义。 如何正确应用这些要素,只能看网络开发人员和设计人员之间,任何事物都有绝对性,如何处理。