zoukankan      html  css  js  c++  java
  • html5新增标签

      HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签。

    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   用来处理命令按钮
  • 相关阅读:
    记一次手工端假设之旅
    宝塔面板相关笔记
    linux ubuntu centos 相关笔记
    问题解决笔记,Restarting network (via systemctl):: Job for network.service failed. ...
    Ubuntu中使用yum
    小说爬取 python + urllib + lxml
    wsgiref错误解决笔记 "write() argument must be a bytes instance"
    个人作品导航:
    django基础一
    前端小知识(5)--响应式页面实现
  • 原文地址:https://www.cnblogs.com/zhangshan/p/5832182.html
Copyright © 2011-2022 走看看