HTML5标签及使用方法描述
HTML 5 作为新一代的超文本标记语言,增加了许多标签。这些标签不但更有语义,而且功能强大。具体有以下标签:
<article>定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。<aside>定义页面内容之外的内容,但应该与页面内容相关<audio>定义声音,比如音乐或其他音频流<canvas>定义图形,比如图表和其他图像。<command>定义命令按钮,比如单选按钮、复选框或按钮。<datatemplate>定义数据模板的一个容器。该元素必须有定义模板的子元素:<rule>元素<datagrid>定义可选数据的列表。datagrid 作为树列表来显示<datalist>定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表<dialog>定义对话,比如交谈<embed>定义嵌入的内容,比如插件<event-source>定义由服务器发送的事件的来源<figure>定义媒介内容的分组,以及它们的标题<footer>定义 section 或 document 的页脚<header>定义 section 或 document 的页眉<hgroup>将标题分组<keygen>定义生成密钥<m>定义带有记号的文本<mark>主要的功能就是在页面中高亮显示那些需要在视觉上向用户突出其重要性的文字。个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词<meter>定义度量(单位)。仅用于已知最大和最小值的度量<nav>定义导航链接<nest>在数据模板中为子元素定义嵌套点。与<datatemplate>和<rule>元素一同使用<output>定义不同类型的输出,比如脚本的输出<progress>运行中的进程。可以用来来显示 JavaScript 中耗费时间的函数的进程或下载的进度<rule>定义更新数据模板的规则。与<datatemplate>和<nest>元素一起使用<rp>在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容<rt>定义汉字的拼音或日语汉字的平假名<ruby>定义亚洲语言中的“附注文字”<section>定义文档中的节(section)。比如章节、页眉、页脚或文档中的其他部分<source>为媒介元素(比如<video>和<audio>)定义媒介资源<summary>定义一个摘要,即 detail 的头部。不等同于表格中的 summary 属性<time>定义日期或时间,或者两者<video>定义视频,比如电影片段或其他视频流
HTML5 增加了许多新标签,同时也废除了一些标签:
<acronym>可以使用<abbr>代替<applet>不再支持<basefont>用 CSS 代替<big>用 CSS 代替<center>用 CSS 代替<dir>用 CSS 代替<font>用 CSS 代替<frame>不再支持<frameset>不再支持<noframes>不再支持<s>用 CSS 代替<small>用 CSS 代替<strike>用 CSS 代替<tt>用 CSS 代替<u>用 CSS 代替
上面这些标签在 XHTML 1.0 是不建议使用的,但仍然可以支持,而在 HTML 5 中则彻底不支持了。另外还有很多标签属性也不支持,如 aling 等。
HTML5标签及使用方法描述的更多相关文章
- 【转】HTML5标签使用的常见误区
最近组内进行 HTML5标签的学习,方法呢就是大家每人挑选几个标签,自己先去学习,然后给大家作讲解.这个过程大家还是挺有收获的.但是现在HTML5还处在草案阶 段,有些新的标签元素的解释也是经常有变化 ...
- HTML5标签的使用和作用
在菜鸟教程中找了一些关于HTML5的知识点,觉得很有用,可以整理一下,以后使用. 这是一个基本的HTML5文档: <!DOCTYPE html><html><head&g ...
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...
- 解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
方式一:Coding JavaScript <!--[if lt IE9]> <script> (function() { var e = "abbr, articl ...
- 让ie浏览器支持html5新标签的解决方法(使用html5shiv)
没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览 ...
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法zt
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header&g ...
- 低版本浏览器支持HTML5标签的方法
最近刷了一道面试题,是关于低版本浏览器支持HTM5标签的写法,在网上找了一些,都行之有效,但是缺少整体总结,所以在这里总结一下,方便其他人过来阅读. IE低版本需要支持HTML5标签: 方法1.传统引 ...
- HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
这篇文章主要介绍了HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法,需要的朋友可以参考下 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面 ...
- 兼容低于IE9不支持html5标签的元素的方法
方法一: <!--[if lt IE9]> <script> (function() { if (! /*@cc_on!@*/ 0) retur ...
随机推荐
- [iOS基础控件 - 6.6.1] 展示团购数据代码
1.主控制器: // // ViewController.m // GroupPurchase // // Created by hellovoidworld on 14/12/3. // Cop ...
- jquery完成带复选框的表格行高亮显示
jquery完成带复选框的表格行高亮显示 通过jquery技术来操作表格是件简单的事,通过jquery的语法,可以很轻松的完成表格的隔行换色,悬浮高亮,在实际的应用中可能会出现表格中带复选框的,删除时 ...
- js主要知识轮廓笔记
一.js中的基础类型和引用类型: 基础类型:1.Number2.String3.Boolean4.Undefined5.Null 引用类型(内置对象):1.Object类型2.Array类型3.Dat ...
- SQL Server 重新恢复自动编号列的序号
1. truncate table tablename2. DBCC CHECKIDENT (tablename,reseed,1) truncate命令不但会清除所有的数据,还会将IDENTIT ...
- eclipse代码左虚线对齐设置
前言 : 前阵子看到同事的eclipse左边有虚线对齐.有点好奇~刚开始以为是装了神马插件, 于是百度了下, 貌似没有找着. 一怒之下,逗比了半个小时,终于探索出来了~~ 设置如下 : 点击confi ...
- Microsoft.AspNet.FriendlyUrls发布到IIS后404报错的解决方案
我一个项目都基本上做完了,结果部署到我服务器的时候结果一直报404 找不到 一看global.asax有个路由注册的代码 public static void RegisterRoutes(Route ...
- jquery回车提交表单
jquery回车提交表单,比较方便的功能. 三个事件keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 ,所以用keyup. $(document).keyup(funct ...
- Android ListView快速定位(一)
方法一: SectionIndexer接口 + 索引列表 参考:http://www.apkbus.com/android-69999-1-1.html 所谓section 就是一组有共性的item, ...
- 今天升级了ADT到ADT 22.6.1,打包混淆的时候就出现了问题
Proguard returned with error code 1. See console Error: Unable to access jarfile ..\lib\proguard.jar ...
- 笨办法学C 练习
http://c.learncodethehardway.org/book/index.html