html5新增标签与删除标签

新增标签

  1.结构标签(块状元素)——有意义的div

    <article>       标记定义一篇文章

    <header>      标记定义一个页面或一个区域的头部

    <nav>           标记定义导航链接

    <section>    标记定义一个区域

    <aisde>    标记定义页面内容的侧边栏

    <hgroup>    标记定义文件中一个区块的相关信息

    <figure>    标记定义一组媒体内容以及他们的标题

    <figcaption>   标记定义figure元素的标题

    <footer>     标记定义一个页面或一个区域的底部

    <dialog>    标记定义一个对话框(会话框)类似微信

  2.多媒体标签

    <video>       标记定义一个视屏

    <audio>       标记定义音频内容

    <source>      标记定义媒体资源

    <canvas>      标记定义图片

    <embed>      标记定义外部的可交互的内容或插件,比如flash

  标签的意义:多媒体标签的出现意味着多媒体的发展以及支持不适用插件的情况下即可操作媒体文件,极大提升了用户体验。

  3.Web应用标签

    状态标签

    <meter>          实时状态显示:气压、气温。

    <progress>       任务过程:安装、 加载。

    列表标签

    <datalist>         为input标记定义一个下拉列表,配合option F 、O

    <details>          标记定义一个元素的详细内容,配合summary  C

    Menu

    <menu>            命令列表(目前所有的主流浏览器都不支持)

    <menuitem>      menu命令列表的标签(只有FireFox9.0+支持)

    <command>       menu标记定义一个命令按钮(只有IE9支持)

  4.其他标签

    注释标签

    <ruby>   标记定义注释或音标

    <rp>      告诉那些不支持ruby的元素的浏览器如何去显示

    <et>      标记定义对rubyd 注释内容文本

    其他标签

    <mark> 标记定义有标记的文本(黄色选中状态)

    <output> 标记定义一些输出类型,计算表单结果配合oninput事件

    <keygen> 标记定义表单里生成的键值(加密信息传送)

    <time>    标记定义一个日期/时间,目前所有主流的浏览器都不支持

删除标签

    纯表现的元素

    besefont、 big、center、 font、s、strike、tt、u

    对可用性产生负面影响的元素

    frame、frameset、noframes

    产生混肴的元素

    acronym、 applet、 isindex、dir

重定义标签

  显示不变,只是表达的含义进行了重新定义的标签

    <b> 代表内联文本,通常是粗体,没用传递表示重要的意思

    <i > 代表内联文本,通常是斜体,没有传递表达重要的意思

    <dd> 可以同detailsy与figure一同使用,定义包含文本,dialog亦可使用

    <dt>  可以同details与figrue一同使用,汇总细节,dialog也可用

    <hr> 表示主题结束,而不是水平线,虽然显示相同

    <menu> 重新定义用户界面的菜单,配合commond或者menuitem使用

    <small>  表示小字体,例如打印注释或则法律条款

    <strong> 表示重要性而不是强调符号

  

时间: 2024-10-13 19:34:53

html5新增标签与删除标签的相关文章

前端开发入门到实战:HTML5新增和废弃的标签

一.废弃的标签 以下的 HTML 4.01 元素在HTML5中已经被删除,虽然浏览器为了兼容性考虑都还支持这些标签,但建议使用新的替代标签,矛盾的是老浏览器对新标签的支持度又不够,视项目的受众对象而定了. 1.能用CSS代替的元素 这些元素包含basefont.big.center.font.s.strike.tt.u.这些元素纯粹是为页面展示用的,表现的内容应该由CSS完成. 2.frame框架 这些元素包含frameset.frame.noframes.HTML5中不支持frame框架,只支

html5新增的语义化标签

1.什么是语义化标签? 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如, 网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签. 文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等. 2.为啥使用语义化标签? 1. 更容易被搜索引擎收录. 2. 更容易让屏幕阅读器读出网页内容. 3. 能够更好的体现页面的主题 4.兼容性更好,支持更多的网络设备 3.html语义化标签 1):

Html5新增的语义化标签(部分)

2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,html5的标准规范终于制定完成.这是互联网的一次重大变革,这也许是一个时代的来临! 总结一些h5新增的语义化标签,记录下来方便自己学习及使用: 1.<header></header> 页眉:主要用于页面的头部的信息介绍,也可用于板块头部: 2.<hgroup></hgroup> 页面上的一个标题组合:一个标题和一个子标题,或者标语的组合: 3.<nav></nav> 导

添加标签和删除标签

邮箱中邮件,博客园中的博客都有类似的行为 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http

HTML5新增及移除的元素

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程.为了更好的处理现在的互联网应用,HTML5新增了图形绘制.多媒体播放.页面结构.应用程序存储.网络工作等新元素.http://hovertree.com/menu/html5/ 图形绘制新元素 标签 描述 <canvas> 标签定义图形,比如图表和其他图像.该标签基于 JavaScript 的绘图 API 新多媒体元素 标签 描述 <audio> 定义音频内容 <vedio> 定义视频内容 <sou

html5新增及删除标签

一.新增标签 有一种划分为,功能性标签[html5新增,如canvas,旧浏览器没有]和语义性标签[如header等只是增强语义,没有新功能].下面按照分几个小类来说. 1.结构标签 新增的结构标签,之前都是用div实现的,为了语义化,html5从div派生出很多新的标签.这些新增的结构标签有助于将文档分成几个逻辑部分.如下: a.section标签 表示页面中的一个独立内容区块,里面有自己的大纲结构,比如章节,页眉,页脚或页面的其他部分.就是说section可以包含h1.h2...h6标签,表

《html5新增及删除标签》

html5新增及删除标签 原文:http://www.cnblogs.com/starof/archive/2015/06/23/4581850.html 一.新增标签 有一种划分为,功能性标签[html5新增,如canvas,旧浏览器没有]和语义性标签[如header等只是增强语义,没有新功能].下面按照分几个小类来说. 1.结构标签 新增的结构标签,之前都是用div实现的,为了语义化,html5从div派生出很多新的标签.这些新增的结构标签有助于将文档分成几个逻辑部分.如下: a.secti

HTML5新增标签总结和说明

HTML5出来这么久,都没有真正的理解和花时间去看,经常看到一些网页的里面包含很多陌生的标签元素,一直不清楚是什么功能.像<article>.<aside>. 其实这两个标签和<div>的功能一样仅仅是一个块级元素没有任何的样式和功能事件上的特点完全可以理解为div,.但是HTML5为什么要增加这些看似"毫无作用"标签呢.        我们知道经这么长时间的发展,HTML5的应用已经普及了.从使用的特点上来看,HTML5相对以前版本来看给人的感觉就

html5新增的标签和使用的方法

html5新增的标签: /*<article> 标签定义独立的内容.*/ <article> <h1>标题</h1> <a href="#">你好</a> <p>这是一段文件内容</p> </article> /*<aside> 标签定义其所处内容之外的内容. 提示:提示:<aside> 的内容可用作文章的侧栏.*/ <p>Me and my