一个元素 "自足 "是什么意思?

问题描述 投票:0回答:1

我对HTML很陌生。 我正在跟随一个在线教程。 我需要在页面上放置一些图片,并且需要将这些图片以 <figure> 标签。 教程并没有解释为什么我需要这样做。 事实上,它没有给出关于 <figure> 根本没有标签。 于是,我上网查了一下,发现是这样的。

HTML(图与可选标题)元素。代表自足的内容,可能会有一个可选的标题,这个标题是用(<figcaption>)元素。该图、其标题及其内容作为一个单位引用。

强调是我说的。

这个解释对我没有帮助。 请谁能解释一下什么叫 "自足的内容"? 是不是 内容本质上是 "自足的"? 如果不是,那么任何元素的调整都会影响到其他元素。 '自足的内容'是某种在网页设计中具有特殊意义的保留术语吗? 我只是不明白在这种情况下,"自足的内容 "是什么意思。 因此,我无法理解 "自足的内容 "的意义。<figure></figure> 标签。

非常感谢。

html figure
1个回答
2
投票

不,"自成一体 "的含义来自英语,而不是网页设计中具有特殊意义的术语。

"自足 "的意思是独立于其周围的上下文。最好的思考方式是 <figure> 元素类似于教科书中的图。为了阅读方便,图往往印在靠近文字的地方,说明图的内容与整个章节的相关性。但你也可以只看图,就能明白它在告诉你什么,而不必看它出现的背景。

所以,你可以把所有的数字都移到书中的其他地方,你可以第一次打开书,在数字所在的那一页,你仍然能够理解这个数字告诉你的内容。只要文本在任何地方需要引用图的时候,它都能做到,比如说 "见图23b",它就可以作为一个图来使用。


1
投票

self-contained是指该元素明确定义了它的内容,例如 <div><span> 不告诉你关于它自己的很多事情,就像... <table>, <article>、等,也就是所谓的。HTML语义元素

像table这样的自含元素本身就定义了一套样式,就像 display:table以及其内部的子代(例如行和单元格)。

其他自足的元素,如 <main><footer> 是为了实现代码简洁和开发者友好的标签命名。

对于 <article>, 一篇文章本身应该是有意义的,应该可以独立于网站的其他部分进行阅读。

另外,HTML语义对SEO有好处,比如头标签 <h1>, <h2>, ...

本文定义了这些元素如何能帮助搜索引擎更好的定义页面的内容。HTML5对SEO意味着什么.

截至2010年12月31日 <figure> 标签检查这些问题的答案 html中 "图 "标签的作用是什么?

© www.soinside.com 2019 - 2024. All rights reserved.