多媒体与语义化标签

发表于 更新于 分类于

audio标签（兼容到IE9）

  1. 属性
    • autoplay（某些浏览器不支持自动播放、本地自动播放是可以的）
    • loop （重复播放）

video 标签（兼容到IE9）

  1. 属性
    • 同 audio 标签
    • width 视频播放器宽度

大纲标签（区块标签）

  1. section 文档的区域，语义比div大
  2. article 文档的核心文章内容，会被搜索引擎主要抓取
  3. nav 导航条
  4. footer 页脚
  5. aside 文档的非必要相关内容，比如广告等
  6. main 网页核心部分
  7. header 页头

语义化标签

  1. span 文本中的区块标签
  2. b 加粗标签
  3. i 斜体标签
  4. u 下划线标签
  5. strong 加粗标签
  6. em 斜体标签
  7. mark 标记标签
  8. figure-figcaption 用于表示图片和图片的标题

常用标签

  1. a 标签
    • 1、a 标签 anchor 锚 的首字母
      2、hypertext reference 超文本引用
      3、title 用于设置鼠标的悬停文本
    • 属性
      • href 超文本引用
      • target
        • _blank 在新窗口或新标签页中打开链接。
        • _self 在父级框架中打开链接。
        • _top 在当前窗口中打开链接（默认值）。
        • _parent 在顶级框架中打开链接。
      • title 用于设置鼠标的悬停文本
    • 说明
      • mailto:me.test.com 邮件
      • tel:135555555555 拨打电话
      • #top 回到顶部
  2. img 标签
    • src
    • width、height
    • alt alternate 替代品的缩写，它是图像的描述，不是强制性的(有利于搜索引擎优化)
    • title 鼠标悬停时候显示
    • class、style 设置样式用
    • loading 指定图像加载方式，可选值有”eager”（立即加载）和”lazy”（延迟加载）。
    • decoding 指定图像解码方式，可选值有”async”（异步解码）和”sync”（同步解码）。