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 ...
随机推荐
- tomcat 7 用户设置
在tomcat/conf/tomcat-users.xml加入如下脚本就可以了 <role rolename="admin-gui"/> <role rolena ...
- 转载 asp.net中ViewState的用法详解
转载原地址: http://www.jb51.net/article/73662.htm 在web窗体控件设置为runat = "server",这个控件会被附加一个隐藏的属性_V ...
- 使用Genymotion调试出现错误INSTALL_FAILED_CPU_ABI_INCOMPATI
转载:http://my.oschina.net/u/242764/blog/375909 当我们安装好Genymotion后,把Android运用部署到上面调试时,console控制台会报错:Ins ...
- SQL 触发器(学生,课程表,选修表)
SQL 触发器(学生,课程表,选修表) 触发器是一种特殊类型的存储过程,它不由用户通过命令来执行,而是在用户对表执行了插入,删除或修改表中数据等操作时激活执行.可以这样形容:存储过程像一个遥控炸弹,我 ...
- 剑指OFFER之字符串的排列(九度OJ1369)
题目描述: 输入一个字符串,按字典序打印出该字符串中字符的所有排列.例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba. 输入: 每个 ...
- SQL函数中的动态执行语句
一.为什么要使用动态执行语句? 由于在PL/SQL 块或者存储过程中只支持DML语句及控制流语句,并不支持DDL语句,所以Oracle动态执行语句便应允而生了.关于DDL与DML的区别,请参见:DDL ...
- C++ “读取位置 0x****** 时发生访问冲突”的可能原因
转自:http://shansun123.iteye.com/blog/680066 这种错误的意思一般是指访问了不属于自己的内存空间,出现这种错误有几种原因: 1.给一个数组分配了比较小的内存空间, ...
- discuz!版本号信息改动步骤
建完网站后,就到了改动discuz! 论坛的步骤了,,将其改动为自己喜欢的样子.是非常有意思的,废话不多说了.以下给大家介绍改动的方法. 1.[改动后台-首页的版权]打开ftp.连接网站,进入到:/f ...
- hdu 5446 Unknown Treasure lucas和CRT
Unknown Treasure Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?p ...
- SpringMVC+Spring3+hibernate4 开发环境搭建以及一个开发实例教程
刚刚接触了SpringMVC这个框架,因此有必要把它拿过来同hibernate.Spring框架进行集成和开发一个实例,在真正企业从头开发的项目中往往一个稳定的开发环境至关重要,开发一个项目选择什么样 ...