HTML随笔浅析标签

• 常见的HTML标签

  • 标题：h1、h2、h3、h4、h5....
  • 段落：p
  • 换行：br
  • 容器：div、span（用来容纳其他标签）
  • 表格：table、tr、td
  • 列表：ul、ol、li
  • 图片：img
  • 表单：input
  • 链接：a

• HTML5新增标签

  • 1.结构性标签:负责Web上下文结构的定义，确保HTML文档，包括：
    article 文章主体内容(一篇博客、一篇论坛帖子、一段用户评论、插件)
    header 标记头部区域内容
    footer 标记脚部区域内容
    section 区域章节表述
    nav 菜单导航,链接导航

  • 2.块级性标签:完成Web页面区域的划分，确保内容的有效分隔，包括：
    aside 注记,贴士,侧栏,摘要,插入的引用作为补充主体的内容
    figure 对多个元素组合并展示的元素,常与figcaption联合使用
    code 表示一段代码块
    dialog 人与人之间对话,包含dt和dd两个组合元素（dt用于表示说话者、dd用于表示说话者的内容）

  • 3.行内语义性标签:完成Web页面具体内容的引用和表述，丰富展示内容，包括：
    meter 特定范围内的数值，如工资、数量、百分比
    time 时间值
    progress 进度条，可用max、min、step进行控制，完成对进度的表示和监听
    video 视频元素，用于视频播放，支持缓冲预载和多种视频媒体格式
    audio 音频元素，用于音频播放，支持缓冲预载和多种音频媒体格式

  • 4.交互性标签:功能性内容的表达，有一定的内容和数据的关联，是各种事件的基础，包括：
    details 表示一段具体的内容，默认不显示，通过某种方式（单击）与legend交互才会显示
    datagrid 控制客户端数据与显示，可用于动态脚本及时更新
    menu 用于交互菜单
    command 用来处理命令按钮

HTML学习网站