HTML5语义标记最佳实践

时间:2013-09-29 08:17:23

标签: html html5 twitter-bootstrap web

我正在为公司建立网站。

在导航标签下方,我需要放置一个带有图像的旋转木马,以显示公司的一些成就。

我应该使用什么语义标签,部分,文章或div?我应该在轮播中为每张图片使用数字吗?

在旋转木马下方,他们还有3张图片,其中包含公司合作伙伴的徽标。这部分有一个标题。

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

我应该为图像部分使用什么语义标签,我应该为每个图像使用数字吗?

1 个答案:

答案 0 :(得分:1)

使用哪种语义标签并不重要。我会将Carousel包装在一个标签中。我会用每个图像的数字。如果你需要,你也可以使用figcaption。

对于旋转木马下方的图像,我会再次使用剖面标签,在此部分内部,我将有3个文章标签,每个标签内部都有图像。在CSS中给每个人一个宽度:33%和一个diaplay:inline;和浮动:左。

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

之前