Skip to content

语义标签

span

<span>标签是文本中的“区块”标签,本身没有任何特殊的显示效果,可以结合CSS来丰富样式

<style>
    span { color: red;}
</style>

 <!-- span 添加特殊样式用 -->
<p><span>北京</span>的区号是<span>010</span></p>

span

b u i

<b>,<u>,<i>标签充满浓浓的 “样式”意味,已经被CSS替代,但是在网页中也可以表示需要强调的文本

<!-- b 加粗 u 下划线 i 倾斜 -->
<p>
    <b>imooc</b>
    <u>imooc</u>
    <i>imooc</i>
</p>

span

strong em mark

标签 说明
<strong> 代表特别重要文字
<em> 代表强调文字
<mark> 代表一段需要被高亮的文字
<p>
    <strong>imooc</strong>
    <em>imooc</em>
    <mark>imooc</mark>
</p>

span

figure figcaption

<figure><figcaption> 是 HTML 中用于组织和描述图像、图表等媒体内容的标签。

  • <figure> 元素用于包裹媒体内容,例如图像、图表、音频或视频。它有助于将相关内容组织在一起,并可以用于样式化和定位这些元素。

  • <figcaption> 元素用于为 <figure> 元素提供标题或说明文字。它应该放置在 <figure> 内部,并且可以帮助提供与媒体内容相关的文本描述。

<figure>
  <img src="example.jpg" alt="示例图像">
  <figcaption>这是示例图像的说明文字。</figcaption>
</figure>