你好,欢迎访问我的博客!登录 读者墙 文章归档 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - Web前端 - 正文 君子好学,自强不息!

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

2017-03-31Web前端墨初662°c
A+ A-

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:以上资料来源于网络,如有什么不对的地方,还请大神们提出你宝贵的建议。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
QR:  HTML5部份标签及标签意义解释

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。


葫芦岛网站建设
时间:2017-04-02 21:18:05

这个好,正需要,帮我解决了问题,感谢!

  登录