本站发展方向调整,底层程序已更新,所有内容已转移,烦请移步至https://freexyz.cn/,www.freexyz.cn,一个月后将跳转至https://freexyz.cn/,给您带来不便,望谅解!

HTML5部份标签及标签意义解释

来源:  时间:2017-09-16    阅读:   我要吐槽    阿里云幸运券

HTML5:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web.......

其它资源可以自行查看,百度百科。今天主要的写出一些关于HTML5的标签,方便以后自已查找。

结构标签:(块状元素) 有意义的div

<article>    标记定义一篇文章

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

<nav>        标记定义导航链接

<section>    标记定义一个区域

<aside>      标记定义页面内容部分的侧边栏

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

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

<figcaption> 标签定义 figure 元素的标题。

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

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

多媒体交互标签

<video>  标记定义一个视频

<audio>  标记定义音频内容

<source> 标记定义媒体资源

<canvas> 标记定义图片

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

Web应用标签

<menu>   命令列表

<menuitem>   menu命令列表标签 FF(嵌入系统)

<command>    menu标记定义一个命令按钮

<meter>   状态标签(实时状态显示:气压、气温)C、O

<progress>   状态标签 (任务过程:安装、加载) C、F、O

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

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

注释标签

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

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

<rt>    标记定义对ruby的注释内容文本

其他标签

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

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

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

以下为被删除的HTML标签

纯表现的元素:

basefont,big,center,font, s,strike,tt,u;

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

frame,frameset,noframes;

产生混淆的元素:

acronym ,applet,isindex,dir

重新定义的HTML标签

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

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

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

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

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

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

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

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

 

PS:以上资料来源于网络,如有什么不对的地方,还请大神们提出你宝贵的建议。

Tags:标签  意义  HTML5  H5  

参与讨论