HTML5新标签

2000 年底,国际 W3C 织组织公布发行了 XHTML 1.0 版本,到现在已经有 10 年了。这 10 年里, Web 飞速发展,XHTML 1.0 显得“力不从心”,已经跟不上时代的发展了,于是 HTML 5 孕育而生。W3C 在 2010 年 1 月 22 日发布了最新的 HTML 5 工作草案。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。

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>定义视频,比如电影片段或其他视频流

HTML 5 增加了许多新标签,同时也废除了一些标签:

标签 说明
<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 等。

下面是一些关于 HTML 5 的网站,有兴趣可以前往了解:


购物商城项目采用PHP+mysql有以及html+css jq以及layer.js datatables bootstorap等插件等开发,采用了MVC模式,建立一个完善的电商系统,通过不同用户的不同需求,进行相应的调配和处理,提高对购买用户进行配置….zip项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全领域),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助。 【资源内容】:包含完整源码+工程文件+说明(如有)等。答辩评审平均分达到96分,放心下载使用!可轻松复现,设计报告也可借鉴此项目,该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的。 【提供帮助】:有任何使用问题欢迎随时与我联系,我会及时解答解惑,提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【项目价值】:可用在相关项目设计中,皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面,可借鉴此优质项目实现复刻,设计报告也可借鉴此项目,也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件(如有),项目工程可直接复现复刻,如果基础还行,也可在此程序基础上进行修改,以实现其它功能。供开源学习/技术交流/学习参考,勿用于商业用途。质量优质,放心下载使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值