zoukankan      html  css  js  c++  java
  • 关于H5新标签<figure>

    HTML5 - 用<figure/>添加插图和图题

    参考三星s9介绍网页:http://www.samsung.com/cn/smartphones/galaxy-s9/camera/#dual-aperture

    1,什么是插图(figure) 
    插图与图片概念不太一样,HTML5规范建议我们把插图想象成一本书的附图。即插图虽然独立于文本,但文本中会提到它。

    2,插图使用 
    (1)使用<figure>标签添加插图,并设置浮动,相关的文本可以在其附近围绕。 
    (2)<figure>标签内部还可以添加<figcaption>图题,其包含了对图片的完整说明。(添加图题后,alt文本就显得多余,可以去除)。

    例子:

    <figure> 

    <figcaption>Three different breeds of dog.</figcaption> //标题,可省略

    <img src="dog1.jpg" alt="Maltese Terrier"> //图片

    <img src="dog2.jpg" alt="Black Labrador"> 

    <img src="dog3.jpg" alt="Golden Retriever">

     </figure>

  • 相关阅读:
    codeforces 1215 E Marbles-----状压DP
    留坑待填
    Catalan数
    砝码称重
    约数和
    硬币题解
    迎春舞会之数字舞蹈
    过剩数
    猜测棋局
    [NOIP普及组2014第三题]螺旋矩阵
  • 原文地址:https://www.cnblogs.com/mei123/p/8473200.html
Copyright © 2011-2022 走看看