ily*_*lyo 7 html5 semantic-markup gallery
当我使HTML5的图片库应该有一个像任何semntic标签section或者article,或者是它只是一个div？
rob*_*tra 11
这取决于图库的上下文.
如果图库与主要内容相关,则将其作为主要内容中的内容是有意义的section.
当article标签内部的内容本身有意义时,例如个人博客帖子,应该使用标签.article当内容需要联合时(例如RSS提要),使用标签标记的内容也很有意义.为了解释最后一点,W3C解释说:
当特定地使用要在联合中重新分发的内容时,article元素的目的与Atom中的entry元素类似.
该div标记是元素的通用分组.如果任何其他标记不适合此目的,则应使用它,并且为样式或脚本目的需要分组.根据W3C的建议:
强烈建议作者将div元素视为最后的元素,因为没有其他元素是合适的.使用更合适的元素而不是div元素可以使读者更容易访问,并且更容易为作者提供可维护性.
要回到您的问题,如果图片库与您的内容相关(例如博客文章中的图片库),我会article在整个博客文章中找到,并section为图片库添加.有些人可能会争辩说,如果画廊没有标题,那么它不应该是a section,因此应该标记为div.但是,W3C提供了一个非常好的方式来思考其网站上的部分(抱歉,不能发布超过2个链接,少于10个重复点!):
一般规则是,只有元素的内容在文档的大纲中明确列出时,section元素才是合适的.
如果你仔细想想,在文章的大纲中列出画廊是很有意义的(例如,博客文章).如果文章有特定的介绍文本,甚至可以在文章的大纲中列出.将概念概念视为文章的一种内容表,列出其各个部分.
就像我之前说的那样,它实际上取决于上下文.
编辑:
关于画廊本身的图像figure,按照Romin的建议将它们放在里面是有意义的.回答你的评论:
thanx但我不认为这是正确的,因为他们说"它可以远离文档的主流而不影响文档的含义." 因此它适用于文本中的图像,如果我从库中删除会影响其含义的图像
W3C真正推荐的是:
因此,element(
figure)可以用于注释从文档的主要内容引用的插图,图表,照片,代码清单等,但是可以在不影响文档流的情况下将其移开主要内容,例如页面,专用页面或附录.
换句话说,要问的问题是图像库是否可以从主要内容(即博客文章内容或文本)移动,而不会影响文档的流程.图像库本身实际上可以远离文档的主要内容,例如侧边栏,并且其位置/顺序的更改不会影响内容的解释方式.如果它的立场确实有影响,那么figure在那个特定情况下是不合适的.
总而言之,如果内容(图片库)对于文档很重要,但它在内容流中的位置不是(即它可以在没有太大影响的情况下移动),请使用figure.如果其位置很重要,请使用其他标签.如果它不重要,请aside改用.
小智 1
section如果有意义，或者aside如果有意义的话，你可以使用 a 。否则使用div.
Gallery 没有语义标签，例如audio或video，因此您可能需要使用div。
直到Web Components发布:)