zoukankan      html  css  js  c++  java
  • html5标签figure、figcaption

    figure、figcaption,这俩个标签都是定义图文的

    常常用到一种图片列表,图片+标题或者图片+标题+简单描述。以前的常规写法:

    <li>
      <img src="test.jpg" /><p>title</P>
    </li>

    而在html5中有了新标签更能语义化的定义出这中图片列表,那就是figure标签。

    figure标签规定独立的流内容(图像、图表、照片、代码)。figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

    figcaption 标签定义 figure 元素的标题。"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

    那么上面的代码就变成了:

    <figure>
    <figcaption>title</figcaption>
    <img src="test.jpg"  />
    </figure>

  • 相关阅读:
    css之布局
    css之浮动
    白扯之聊聊我们的情怀
    Vue之指令
    Vue之vue.js声明式渲染
    AJAX经常遇到的那些问题
    HTTP之cookie技术
    正则表达式资料
    require.js资料
    AMD 和 CMD 的区别
  • 原文地址:https://www.cnblogs.com/baby123/p/4904440.html
Copyright © 2011-2022 走看看