我对HTML很陌生。 我正在跟随一个在线教程。 我需要在页面上放置一些图片,并且需要将这些图片以 <figure>
标签。 教程并没有解释为什么我需要这样做。 事实上,它没有给出关于 <figure>
根本没有标签。 于是,我上网查了一下,发现是这样的。
HTML(图与可选标题)元素。代表自足的内容,可能会有一个可选的标题,这个标题是用(
<figcaption>
)元素。该图、其标题及其内容作为一个单位引用。
强调是我说的。
这个解释对我没有帮助。 请谁能解释一下什么叫 "自足的内容"? 是不是 都 内容本质上是 "自足的"? 如果不是,那么任何元素的调整都会影响到其他元素。 '自足的内容'是某种在网页设计中具有特殊意义的保留术语吗? 我只是不明白在这种情况下,"自足的内容 "是什么意思。 因此,我无法理解 "自足的内容 "的意义。<figure></figure>
标签。
非常感谢。
不,"自成一体 "的含义来自英语,而不是网页设计中具有特殊意义的术语。
"自足 "的意思是独立于其周围的上下文。最好的思考方式是 <figure>
元素类似于教科书中的图。为了阅读方便,图往往印在靠近文字的地方,说明图的内容与整个章节的相关性。但你也可以只看图,就能明白它在告诉你什么,而不必看它出现的背景。
所以,你可以把所有的数字都移到书中的其他地方,你可以第一次打开书,在数字所在的那一页,你仍然能够理解这个数字告诉你的内容。只要文本在任何地方需要引用图的时候,它都能做到,比如说 "见图23b",它就可以作为一个图来使用。
self-contained是指该元素明确定义了它的内容,例如 <div>
和 <span>
不告诉你关于它自己的很多事情,就像... <table>
, <article>
、等,也就是所谓的。HTML语义元素
像table这样的自含元素本身就定义了一套样式,就像 display:table
以及其内部的子代(例如行和单元格)。
其他自足的元素,如 <main>
或 <footer>
是为了实现代码简洁和开发者友好的标签命名。
对于 <article>
, 一篇文章本身应该是有意义的,应该可以独立于网站的其他部分进行阅读。
另外,HTML语义对SEO有好处,比如头标签 <h1>
, <h2>
, ...
本文定义了这些元素如何能帮助搜索引擎更好的定义页面的内容。HTML5对SEO意味着什么.
截至2010年12月31日 <figure>
标签检查这些问题的答案 html中 "图 "标签的作用是什么?