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 ...
随机推荐
- Android实例-TRectangle加载图片(XE8+小米2)
结果: 1.加载图片很流畅,可以做背景用. 2.现在是加载了正形与圆形,其他形状能不能加载呢?自己测试哦,要多动手才行. 3.需要把图片打到包里哦(路径为“assets\internal\”). 实例 ...
- keil中的存储模式
存储模式 存储模式决定了默认的存储器类型此存储器类型将应用于函数参数局部变量和定义时未包含存储器类型的变量你可以在命令行用SMALL COMPACT和LARGE参数定义存储模式,定义变量时使用存储器类 ...
- readonly disabled 区别
readonly 提交表单时包含该属性的内容 控件 disabled 不包含该属性
- git 快速入门(二)
一.引子 git代码托管的优秀工具之一, 其工作原理和svn截然不同.一旦拥有主干master分支权限, 只要在本地拉取主干分支, 可以随时随地切换分支. 它拥有众多优点,eg :支持在断网的情况下, ...
- systemd service
Man page systemd.unit SYSTEMD.UNIT(5) systemd.unit SYSTEMD.UNIT(5) NAME systemd.unit - Unit configur ...
- linux终端或者虚拟机SecureCRT窗体拖动之后,会自己主动收到一个Ctrl+C的命令
虚拟机中SecureCRT窗体每次鼠标划动和拖动窗体都会出现Crtl+C命令.导致远程Linux连接操作中断 经查找发现是本地机器里安装了相关软件快捷键导致.比方我的有道词典划词功能.取消划词就可以
- node.js在windows下的学习笔记(4)---同步,异步,回调的概念
Node.js是使用事件驱动的,非阻塞的I/O模型,用于构建快速的,可扩展的网络应用程序. Node.js想解决的问题是:处理输入,输入,高并发 1.阻塞与非阻塞 阻塞也叫同步,是指每一次执行一个操作 ...
- php输出错误信息
error_reporting(E_ALL); ini_set('display_errors','on'); header("Content-Type:text/html;charset ...
- C#_mvc_ajax_return data
假设cshtml文件中是这样的: <script type="text/javascript"> $(document).ready(function(){ $(&qu ...
- Spring – ${} is not working in @Value--转载
原文:http://www.mkyong.com/spring/spring-is-not-working-in-value/ By mkyong | February 4, 2015 | Last ...