在研究HTML5的新章节标签时,我想知道处理h1,h2,h3,h4,h5和h6标签…

HTML5规范说,“[h1,h2等]元素表示其节的标题”(http://www.w3.org/TR/html5/sections.html#the-h1-h2-h3-h4-h5-and-h6-elements)。在规范的“4.4.11标题和部分”部分中,目前有三个构建关于苹果的文档的示例。

如果我们遵循第一个规范,其中规定标题元素“应该代表它们的部分的标题”,似乎第三个苹果示例是最正确的结构(即,在每个部分和子部分中使用标题的h1标签)。使用这个逻辑,似乎很少使用h2,h3,h4,h5和h6标签,如果有的话。

这是我想知道的:如果实际上它们基本上是标记子部分,那么应该使用h2,h3,h4,h5或h6标签?使用段标签来分隔各个部分(每个部分都有自己的头文件)而不是依赖于h2,h3等来启动隐式部分是没有意义的(“标题和章节”部分还谈到使用h2,h3等暗示的部分)

也许这是我的关系数据库知识造成偏见,但创建数字(h 1,h 2,h 3)的多个标题标签似乎是不好的做法,在技术上它们每个标题都是自己的章节或小节。

你怎么看?

解决方法

似乎这个规范甚至表明h1比其他所有人都喜欢:

Sections may contain headings of any rank,but authors are strongly encouraged to either use only h1 elements,or to use elements of the appropriate rank for the section’s nesting level.

这是什么扰乱我的呢?

Authors are also encouraged to explicitly wrap sections in elements of sectioning content,instead of relying on the implicit sections generated by having multiple headings in one element of sectioning content.

现在,我们得到了部分,文章,导航和旁边用于防止div-itis是美好的。但是如果我们需要明确地为每个部分使用一个section元素,而不是我们得到更多的section元素,那么我们就有了div。我感觉到一个强大的部分案例。

在HTML5中,使用而不是更好吗?的更多相关文章

  1. Android:Html Anchor Link在webview中只能工作一次

    在加载html内容和锚链接时,我在webview中面临一些奇怪的问题.以下代码完美的锚标签,但只有一次.第二次当我按下锚标签它不工作.我试过this链接,但没有为我工作.更新:测试我的代码在各种设备中的结果.加工三星SPlus–>2.3.4三星galaxyY–>2.3.6三星galaxyTab–>2.3.3摩托罗拉Xoom–>3.2不工作LGOptimus–>2.2DELLXCD35–>2.23.HTCWildFire–>2.2.1这个操作系统问题还是其他的?

  2. php – 如何查看nusoap的“原始xml”输出?

    我有一个泛型函数,用于传递SOAP命令.我需要查看正在发送到服务器以诊断错误的RAWXML数据.我怎么做?没关系,这似乎非常接近点!

  3. 如何在一个文件中编写php html更漂亮?

    如何在没有学习聪明的情况下在一个更漂亮的文件中编写PHPhtml?

  4. ajax数据处理

    HTMLandy.htmlindex.htmlXMLandy.xmlindex.htmlJSONandy.jsindex.htmlclearleft.css

  5. 在Angular 2中使用函数的返回值作为字符串

    这是我想要放置返回值的标记:这是我想要使用的函数,它返回一个字符串:你没有调用这个函数.你需要

  6. 在jQuery上获取href属性

    我有一些表行我需要在属性中获取超链接.我使用这个脚本问题:变量a_href始终是/ref/ref/1.html解决方法在循环中你应该参考当前被处理的元素,所以写:

  7. 角度4的标题管

    是的,可以在TypeScript代码中使用.您需要调用Pipe的transform()方法.你的模板:在你的.ts:您需要在AppModule提供程序中添加TitleCasePipe.您可以通过按钮单击或打字稿代码中的其他事件来调用转换.这是PLUNKERDEMO的链接

  8. jquery – 如何删除带有空格的元素?

    我可以轻松删除没有空格的标签……但是,当有空间时…………这不起作用.我试过了也没有运气.有人可以帮忙吗?解决方法尝试这个

  9. jquery get href in children()

    回报如何更改以上语句仅抓取href?尝试过attr但不能让它工作。(是的,jq-noob,没有时间。)//编辑–添加代码:问候,解决方法使用.attr查找属性值。编辑:H2内的第一个锚点:如果您喜欢并使用锚中的类,也可以通过类引用它。

  10. java – 以编程方式启动H2数据库

    我正在使用Java编写服务器–客户端应用程序,我需要在服务器端实现本地数据库,我决定使用H2数据库引擎.还有一件事是我通过TCP连接来启动和运行数据库.这是我到目前为止所放在一起的:连接字符串是jdbc:h2:tcp://localhost//test.这段代码返回一个例外:我跟着thisarticle.解决方法这样的事情应该有效输出为ConnectionEstablished:H2/STACKO

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部