zoukankan      html  css  js  c++  java
  • HTML5新增的常用元素

    1、文档结构元素

    • <article>:该元素用于代表页面上独立、完整的一篇“文章”。
    • <section>:该元素用于对页面的内容进行分块。
    • <nav>:该元素专门用于定义页面上的导航条。
    • <aside>:该元素专门用于定义当前页面或当前文章的附属信息。
    • <header>:该元素主要用于为<article.../>元素定义文章的“头部”信息。
    • <hgroup>:该元素主要用于组织多个<h1.../>~<h6.../>这样的标题元素。
    • <footer>:该元素主要用于为<article.../>元素定义“注脚”部分,包括文章的版权信息、做着授权信息等。
    • <figure>:该元素用于用于表示一块独立的“图片区域”。
    • <figcaption>:该元素通常放在<figure.../>内部,用于定义“图片区域”的标题。

    2、语义相关元素

    • <mark>:用于显示html页面中需要重点“关注”的内容。
    • <time>:用来显示被标注内容是日期、时间或者日期时间。

         只有Chrome支持<details.../>与<summary.../>元素

               <details.../>元素用于显示一段详细信息或者某个主题细节。<details.../>元素通常会与<summary.../>元素结合使用,当把<summary.../>放在<details.../>元素内部时,<summary.../>元素用于为<details.../>定义摘要信息,摘要信息默认是可见的,当用户点击摘要信息时,浏览器会显示出<details.../>里的详细内容。

    3、两个特殊功能的元素

    • <meter>:用于表示一个已知最大值和最小值的计数仪表。

            value:指定计数仪表的当前值。

            min:指定计数仪表的最小值。

            max:指定计数仪表的最大值。

            low:指定计数仪表指定范围的最小值。

            high:指定计数仪表指定范围的最大值。

            optinum:指定计数仪表指定范围的最佳值。

    • <progress>:用于表示一个进度条。

            max:指定进度条完成时的值。

            value:指定进度条当前完成的进度值。

  • 相关阅读:
    经典面试题(二)附答案 算法+数据结构+代码 微软Microsoft、谷歌Google、百度、腾讯
    ctype.h库函数
    结构体大小与内存对齐问题
    整数v,从高位到低位,取c位数,得到最大数 (其中:v>=10^c)
    32位与64 位下各类型长度对比
    C++容器类
    笔试题 相对位置不变的正负数排序
    composer 下载安装
    nginx 多进程 + io多路复用 实现高并发
    go 成长路上的坑(1)
  • 原文地址:https://www.cnblogs.com/yhq361/p/4104735.html
Copyright © 2011-2022 走看看