2013-09-29 149 views
1

我正在为一家公司构建网站。HTML5语义标记最佳实践

在nav标签的下面,我需要放置一个带有显示公司一些成就的图像的传送带。

我应该使用什么语义标签,部分,文章或div?我应该使用数字来表示轮播中的每个图像吗?

旋转木马下面,他们是3个更多的图像与公司的合作伙伴的标志。这部分有一个标题。

在他们下面,我有3个图像水平放置,显示公司提供的服务。这部分也有一个标题。

我应该为图像部分使用什么语义标签,并且应该为每个图像使用图形?

回答

1

您使用的语义标签太多无关紧要。我会将旋转木马包装在章节标记中。我会为每张图片使用数字。那么你也可以使用figcaption,如果你需要一个。

至于旋转木马下面的图片,我会再次使用一个部分标签,在这部分里面,我会在每个里面有3个文章标签。在CSS中给每一个宽度:33%和一个diaplay:内联;和浮动:左。

对于标题文本将它放在第一篇文章和text-align:center之前。

+0

语义标签的目的是取代无意义的div所有的地方,所以通过使章节内的文章更容易遵循,看起来更加结构化。 –

+0

感谢您的评论!我不知道是否用图标将图像包裹在旋转木马中是最好的方法,因为它在任何文本中都没有引用(该页面不包含任何文本)。另外,如果传送带图像是数字标签,为什么我应该将图像放在文章标签的图库中而不是图标记中? – Programmer

+0

请参阅http://getbootstrap.com/javascript/#carousel传送带。那么我会让他们在文章中,所以我可以设置每个宽度等,你可以把图中的文章标签。 –