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学习网站

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,868评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,410评论 1 41
  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 1,915评论 1 11
  • 问答题1 /72浏览器页面有哪三层构成,分别是什么,作用是什么?参考答案构成:结构层、表示层、行为层分别是:HTM...
    _Yfling阅读 1,251评论 0 23
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,677评论 32 459