figure标签_html/css_WEB-ITnose
程序员文章站
2022-04-30 20:49:19
...
figure元素用来包含一块独立内容,该内容如果被移除掉不会对周围的内容有影响。具体来说它可以用来表示图片,统计图,图表,音频,视频,代码片段等。如果需要你也可以给该内容添加一个标题,这个标题使用figcaption来表示。figcaption只能作为figure元素的子元素,可以放在figure元素内的任何位置。形如:
不是所有图片都用figure来包裹,img 标签也有语义的。如果纯粹只是为了呈现的图,也不在文档其他地方引用,那就绝对不要用figure。如果和上下文有关,也可以把它移动到附录,那就别用figure,aside可能适合。
figure元素和aside元素看起来表达的内容差不多,但是aside所能包含的内容比figure要广。当你不知道如何选择的时候可以这样来做:这段内容对周围的内容来说是一个要点,或者很重要,不可少,那么可以使用figure,否则使用aside。
注意:
一个figure元素内最多只允许放置一个figcaption元素,也可以不放,但是其他元素可无限放置。注意不是所有图片都得用figure元素。
HTML figure 标签
上一篇: 浅谈link与@import的区别
下一篇: CSS清除浮动
推荐阅读
-
html实现圆角矩形_html/css_WEB-ITnose
-
请问什么是切图?_html/css_WEB-ITnose
-
Codeforces Round #275 (Div. 1)D(树形DP)_html/css_WEB-ITnose
-
button 文字换行的问题_html/css_WEB-ITnose
-
IE8.0下DIV+CSS网站不居中解决办法_html/css_WEB-ITnose
-
Dreamweaver能否自动用颜色标出其结束标签位置_html/css_WEB-ITnose
-
页面左侧导航栏_html/css_WEB-ITnose
-
20 个 CSS 高级技巧汇总_html/css_WEB-ITnose
-
css把元素放在一行 width: 33% ,结果却是两行的原因_html/css_WEB-ITnose
-
css3:box-shadow边框阴影属性值详解_html/css_WEB-ITnose