`
goodsense
  • 浏览: 31854 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML5中的新元素

阅读更多

新的符合语义及其结构化的元素

标签                   标签描述

<summary>          为<details>标签定义一个可被查看的标题

<figcaption>         定义figure属性的标题

<ruby>                   定义一个ruby注解 (为东亚文字排版设计)

<bdi>                      定义一个可能用不同方向格式来显示的文字区域

<rt>                         定义一个可解释或者可朗读的字符(为东亚文字排版设计)

<section>              定义一个文档区域

<header>              定义一个文档或者section区域的页头内容

<footer>                 定义一个文档或者内容的页底内容

<article>                 定义一个文章

<command>         定义一个用户可能调用的命令按钮

<rp>                        定义不被ruby注释支持的内容的显示

<progress>           定义内容的进度

<wbr>                     定义可能得换行

<nav>                     定义导航链接

<time>                   定义时间

<details>               定义用户可能阅读或者隐藏的更多细节内容

<aside>                 定义页面内容旁边内容,例如,广告

<mark>                  定义骠骑和高亮内容

<hgroup>              当标题拥有多层时用来将一套<h1>到<h6>的元素分组

<figure>                指定自包含的内容,例如,插图,图表,图片,代码等

<meter>                按照指定的区域来定义一个梯度管理器

 

 

HTML5元素整理可参考以下链接

http://www.gbin1.com/tutorials/html5-tutorial/html5-new-elements/ 

分享到:
评论

相关推荐

    HTML5的中的新元素

    ### HTML5的新元素详解 #### 一、背景与概述 自1999年HTML4发布以来,HTML的标准并未有实质性的更新。...随着浏览器对HTML5的支持不断增强,这些新元素将会越来越广泛地应用于实际项目中,从而带来更好的用户体验。

    html5.js,html5shiv.js,html5shiv-printshiv.js,css3-mediaqueries.min.js

    、html5shiv.js、html5shiv-printshiv.js以及css3-mediaqueries.min.js这四个文件是针对HTML5在老版本浏览器中的兼容性问题而设计的解决方案。 首先,我们来看`html5.js`。这个文件通常包含了一些JavaScript代码,...

    html5shiv-3.7.3

    HTML5 Shiv是一个JavaScript库,主要用于解决在Internet Explorer(IE)6至9这些旧版本浏览器中对HTML5新元素不支持的问题。这些浏览器无法识别并样式化HTML5的语义化标签,如、、、等。`html5shiv-3.7.3`是这个库的...

    html5shiv.min.js 下载

    总的来说,`html5shiv.min.js`是为了解决HTML5新元素在旧版Internet Explorer浏览器中的兼容性问题而生的JavaScript库,通过它,开发者可以在旧版IE中自由地使用HTML5的新特性,提升网页的现代化水平。

    Html5PPT_html5_HTML5PPT_

    4. **HTML5画布**(第4章):元素是HTML5中的一个巨大创新,允许动态生成图形,如图表、游戏或任何需要实时更新的图像。通过JavaScript,开发者可以进行像素级别的操作,实现丰富的视觉效果。 5. **HTML5拖放**(第...

    html5shiv.zip

    HTML5 Shiv通过JavaScript模拟这些新元素,使得它们在旧版IE中也能正常工作。 在标题“html5shiv.zip”中,我们可以推断这个压缩包包含的是HTML5 Shiv的源代码或者预编译后的文件。通常,这种类型的压缩包会提供...

    html5shiv包,完美解决IE8等不支持H5标签问题

    1. **创建DOM元素**:在JavaScript中,HTML5shiv会创建一个对象,该对象模拟了HTML5新元素的DOM节点。这使得开发者可以通过JavaScript来操作这些元素,例如添加子节点或设置属性。 2. **CSS样式支持**:由于旧版IE...

    IE支持html5.

    在IE6到IE8中,由于它们不理解HTML5新元素,因此无法直接应用CSS样式。`html5shiv.js`通过创建这些新元素的DOM节点,使得它们可以接受CSS样式,从而增强了这些旧版IE浏览器对HTML5元素的样式支持。 引入这两个文件...

    HTML5新元素标签系列:使用HTML5设计自己的博客

    许多HTML5特性需要JavascriptAPI,,它们将开发交互式应用变的更简单。但是还有很多新的元素标签,你可以把它们用在你的Web1.0网页上。我们要对它们做一些研究,让我们一起做一个博客吧。首先,我们要使用header,...

    HTML5中的新元素介绍

    在HTML5中,开发者有了更多的工具来创建结构化、语义化的网页内容。 首先,让我们关注一下新增的结构元素。`&lt;section&gt;`元素是一个非常重要的组成部分,它允许开发者将网页划分为逻辑章节或区域,比如书籍的章节或者...

    一个基于html5的摇号抽奖程序.zip

    1. HTML5的新元素:HTML5引入了多个新的语义化标签,如、、、等,这些元素帮助开发者更好地组织网页结构,提高可读性和搜索引擎优化(SEO)。 2. Canvas画布:摇号抽奖程序可能利用HTML5的元素来绘制动态效果,比如...

    html5中文参考手册

    6. SVG(Scalable Vector Graphics):SVG是另一种在HTML5中内建的矢量图形格式,它可以提供高质量的图像,且文件大小较小,适合创建复杂的图形和图标。 7. Web Workers和Web Storage:HTML5的Web Workers允许在...

    HTML5+CSS3中文参考手册(3手册).zip

    1. HTML5新元素的用法和示例。 2. 如何使用HTML5的离线存储和多媒体元素。 3. CSS3选择器的详细解析和使用场景。 4. 渐变、阴影、边框图像的创建方法。 5. CSS3动画和过渡的实现及应用场景。 6. 响应式设计的原理与...

    html5+css3实现html5游戏页面

    HTML5作为下一代超文本标记语言,引入了许多新元素,比如`&lt;canvas&gt;`用于图形绘制,`&lt;audio&gt;`和`&lt;video&gt;`用于多媒体播放,`&lt;svg&gt;`支持矢量图,以及`&lt;gamepad&gt;`等与游戏相关的API。这些元素使得HTML5能够直接在浏览器...

    IE 浏览器添加 HTML5 元素.docx

    HTML5 元素是 HTML5 中引入的新元素,可以实现更多的功能和灵活性,但是在 IE 浏览器中,版本小于 IE9 的时候,不支持这些新元素,导致无法正确地渲染 HTML5 元素。为了解决这个问题,我们可以使用 ...

    HTML5和朋友

    - **`&lt;hgroup&gt;`**:用于分组一组相关的标题标签(`&lt;h1&gt;`到`&lt;h6&gt;`),不过在HTML5中已被废弃,推荐直接使用多个标题标签。 - **`&lt;menu&gt;`**:表示一个菜单列表,常用于显示页面的导航链接。 - **`&lt;nav&gt;`**:表示文档中...

    System.Web.Mvc.Html5.dll .net html5开发必备

    这个库扩展了ASP.NET MVC的HtmlHelper类,增加了对HTML5新元素和属性的支持。HtmlHelper是ASP.NET MVC中一个非常重要的辅助类,它提供了一系列的方法用于生成HTML标记,使得开发者能更方便地在视图层操作HTML。 ...

    HTML5 + CSS3 chm中文参考手册.rar

    HTML5是超文本标记语言HTML的最新版本,它在原有的基础上引入了大量新元素,增强了网页的语义性和可访问性,同时简化了部分语法,使得网页结构更加清晰。CSS3则是层叠样式表的第三次重大更新,它带来了更多的样式...

Global site tag (gtag.js) - Google Analytics