zoukankan      html  css  js  c++  java
  • Html5新增的语义化标签(部分)

    2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,html5的标准规范终于制定完成。这是互联网的一次重大变革,这也许是一个时代的来临!

    总结一些h5新增的语义化标签,记录下来方便自己学习及使用:

    1、<header></header> 页眉:主要用于页面的头部的信息介绍,也可用于板块头部;

    2、<hgroup></hgroup> 页面上的一个标题组合:一个标题和一个子标题,或者标语的组合;

    3、<nav></nav> 导航:包含链接的一个列表;

    4、<section> <section> 页面上的版块:用于划分页面上的不同区域,或者划分文章里不同的节;

    5、<article></ article > 用来在页面中表示一套结构完整且独立的内容部分:可以用来呈现论坛的一个帖子,杂志或报纸中的一篇文章,一篇博客,用户提交的评论内容,可互动的页面模块挂件等;

    6、<aside></ aside> 元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别与主要内容的部分:①aside 的内容应该与 article 的内容相关,② 被包含在<article>中作为主要内容的附属信息部分,其中的内容 以是与当前文章有关的引用、词汇列表等,③在<article>之外使用,作为页面或站点全局的附属信息部分;最典型的形式是侧边栏(sidebar),其中的内容可以是友情链接、附属导航或广告单元等;

    7、<figure> < figure > 用于对元素进行组合:一般用于图片或视频;

    8、<figcaption> <figcaption> figure的子元素:用于对figure的内容 进行说明;

    9、<time></time>用来表现时间或日期;

    10、<datalist></datalist>选项列表:与 input 元素配合使用,来定义 input 可能的值;

    11、<details></details>用于描述文档或文档某个部分的细节:①该元素用于摘录引用等,应该与页面的主要内容区分开的其他内容,②Open属性默认展开;

    12、< summary></summary> details 元素的标题;

    13、<dialog></dialog>定义一段对话;

    14、<address></address> 定义文章或页面作者的详细联系信息;

    15、<mark></mark> 需要标记的词或句子;

    16、<keygen>给表单添加一个公钥;

    17、<progress><progress>定义进度条;

    18、<footer></footer>页脚:页面的底部或者版块底部。

  • 相关阅读:
    HTML5画图板PhoneGap移植
    简易WCF负载均衡方案
    坑爹的“类型初始值设定项引发异常”
    关于for循环中变量定义的位置
    有道云笔记open api sdk for .net α版
    SL/WPF仿WIN8进度条
    HTML5做个画图板
    Google搜索命令“site:”运算符高级使用技巧:
    ubuntu系统托盘不显示ibus输入法图标(语言栏输入法)的解决方法:
    DOS中如何删除文件夹~
  • 原文地址:https://www.cnblogs.com/rentianyuan/p/4729488.html
Copyright © 2011-2022 走看看