0

0

HTML5新增的标签和废除的标签_html/css_WEB-ITnose

php中文网

php中文网

发布时间:2016-06-21 08:59:36

|

1762人浏览过

|

来源于php中文网

原创

html5新增的结构标签

  • section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用,表示文档结构。例:html5中
    ……
    ;html4中
    ……
  • article元素表示页面中一块与上下文不相关的独立内容。比如一篇文章。
  • aside元素表示article元素内容之外的、与article元素内容相关的辅助信息。
  • header元素表示页面中一个内容区块或真个页面的标题。
  • hgroup元素表示对真个页面或页面中的一个内容区块的 标题进行组合。
  • footer元素表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。
  • nav元素表示页面中导航链接的部分。
  • figure元素

    表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。例如:
    PRC

    The People's Republic of China was born in 1949

    HTML4中常写作

    prc

    The People's Republic of China was born in 1949

     

HTML5新增的其他元素

  • video元素定义视频。像电影片段或其他视频流。例:HTML4中写法: 
  • audio元素定义音频。如音乐或其他音频流。例:html4中写法: 
  • embed元素用来嵌入内容(包括各种媒体)。格式可以是Midi、Wav、AIFF、AU、MP3,flash等。例:HTML4中代码示例
  • mark元素主要用来在视觉上向用户呈现哪些需要突出显示或高亮显示的文字。典型应用搜索结果中高亮显示搜素关键字。HTML5;HTML4
  • progress元素表示运行中的进程,可以使用progress元素显示JavaScript中耗时时间函数的进程。等待中……、请稍后等。
  • time元素表示日期或时间,也可以两者同时。
  • ruby元素定义 ruby 注释(中文注音或字符)。与 以及 标签一同使用。ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。  漢 (ㄏㄢˋ)
  • rt元素定义字符(中文注音或字符)的解释或发音。
  • rp元素在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
  • wbr元素表示软换行。与br元素的区别:br元素表示此处必须换行;wbr表示浏览器窗口或父级元素足弓宽时(没必要换行时),不换行,而宽度不够时主动在此处换行。
  • canvas元素定义图形,比如图表和其他图像。 元素只是图形容器(画布),必须使用脚本来绘制图形。
  • command元素——貌似没什么效果。是不是支持有问题表示命令按钮,比如单选按钮、复选框或按钮。

    只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。。

    立即学习前端免费学习笔记(深入)”;

    Click Me!

  • details标签目前只有 Chrome 支持 details 标签

    用于描述文档或文档某个部分的细节 。

    可与 summary 标签配合使用,summary可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。summary应该是details的第一个子元素。

  • datalist 标签

    定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。使用 input 元素的 list 属性来绑定 datalist。

  • datagrid标签如何用?

    定义可选数据的列表。datagrid 作为树列表来显示。

    如果把 multiple 属性设置为 true,则可以在列表中选取一个以上的项目。

  • keygen标签如何用?

    标签规定用于表单的密钥对生成器字段。

    当提交表单时,私钥存储在本地,公钥发送到服务器。

    Username:

    安然企业网站管理系统2005 Build 1024 封装版
    安然企业网站管理系统2005 Build 1024 封装版

    安然企业网站管理系统 v2005 封装版 Build 1018更新: 1、更新组件 2、去掉所有模板标签中所有的“Page="{NowPage}"” 3、除了“Include/EsmsConfig.Asp”文件和数据库及模板目录,其它的全部用新版覆盖。 4、数据库中“Products”表中增加两个字段,分别是:“CnProMaterial”和“EnProMaterial”,都是

    下载

    Encryption:

  • output标签

    定义不同类型的输出,比如脚本的输出。
  • source标签标签为媒介元素(比如
  • menu标签定义菜单列表。当希望列出表单控件时使用该标签。注意与nav的区别,menu专门用于表单控件。
  • Red
  • blue
  •  

HTML5新增input标签

  • email必须输入email
  • url必须输入url地址
  • number必须输入数值
  • range必须输入一定范围内数值
  • Date Pickers(日期选择器)拥有多个可供选取日期和时间的新输入类型:date - 选取日、月、年month - 选取月、年week - 选取周和年time - 选取时间(小时和分钟)datetime - 选取时间、日、月、年(UTC 时间)datetime-local - 选取时间、日、月、年(本地时间)
  • search用于搜索域,域显示为常规的文本域。
  • color

HTML5废除的元素

1、能用css代替的元素basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。

2、不再使用frame框架。

frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。

3、只有部分浏览器支持的元素

applet、bgsound、blink、marquee等标签。

4、其他被废除的元素

废除rb,树勇ruby替代。

废除acronym使用abbr替代。

废除dir使用ul替代。

废除isindex使用form与input相结合的方式替代

废除listing使用pre替代

废除xmp使用code替代

废除nextid使用guids

废除plaintex使用“text/plian”(无格式正文)MIME类型替代。

===========================================================

看着这么多新增标签和元素,我在想HTML5真的来了吗?铺天盖地的相关资讯、教程,大家张口闭口的HTML5、CSS3以及各大浏览器厂商宣布对html5的支持,让我感觉html5时代真的来了。那我能在我的项目中放心的用它么?还不能。虽然IE9已经宣称支持html5了,但是IE8完全不支持。现在仍有一大批的人坐在06、07年的奔四老爷机面前,用着xp的系统,装着IE8在爬网;还有一些恋旧老哥、老姐们,买的新机咔嚓掉正版win7,换上D版XP。虽然现在有了Html5shiv,可以让IE8有限支持一些HTML新标签,也仅仅是几个新标签而已。我可以选择使用什么新技术,但是不能要求你产品的用户必须装什么浏览器(除非你给铁老大做东西,春运票只有我这儿卖,必须装IE10才能买票………………)。其实做东西也不一定非得新技术,适合的就好,就想现在有些用asp.net2写的东东功能一样强大;管用就行。

40 个重要的 HTML5 面试题及答案 http://www.linuxidc.com/Linux/2015-12/126824.htm

HTML5与CSS3基础教程(第8版)中文高清版 PDF http://www.linuxidc.com/Linux/2015-12/125734.htm

HTML5 地理位置定位(HTML5 Geolocation)原理及应用 http://www.linuxidc.com/Linux/2012-07/65129.htm

HTML5移动开发即学即用(双色) PDF+源码 http://www.linuxidc.com/Linux/2013-09/90351.htm

HTML5入门学习笔记 http://www.linuxidc.com/Linux/2013-09/90089.htm

HTML5移动Web开发笔记 http://www.linuxidc.com/Linux/2013-09/90088.htm

HTML5 开发中的本地存储的安全风险 http://www.linuxidc.com/Linux/2013-06/86486.htm

《HTML5与CSS3权威指南》及相配套源码 http://www.linuxidc.com/Linux/2013-02/79950.htm

关于 HTML5 令人激动的 10 项预测 http://www.linuxidc.com/Linux/2013-02/79917.htm

HTML5与CSS3实战指南 PDF http://www.linuxidc.com/Linux/2013-02/79910.htm

本文永久更新链接地址: http://www.linuxidc.com/Linux/2016-01/127516.htm

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

37

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

37

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

19

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

45

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

9

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号