HTML5所有标签汇总及标签意义解释

HTML5所有标签汇总及标签意义解释
HTML5所有标签汇总及标签意义解释

HTML5所有标签汇总及标签意义解释

HTML5所有标签汇总及标签意义解释结构标签:(块状元素) 有意义的div<article> 标记定义一篇文章

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

<nav> 标记定义导航链接

<section> 标记定义一个区域

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

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

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

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

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

<dialog> 标记定义一个对话框(会话框)类似微信多媒体交互标签<video> 标记定义一个视频

<audio> 标记定义音频内容

<source> 标记定义媒体资源

<canvas> 标记定义图片

<embed> 标记定义外部的可交互的内容或插件比如flashWeb应用标签<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> 表示重要性而不是强调符号示例代码:[html] view plaincopy<xmp> <!doctype

html> <html> <head>

<style>

header{height:150px;background:#ABCDEF}

nav{height:30px;background:#ff9900;margin-top:100px} nav ul li{width:100px;height:30px;float:left;line-height:30px} div{margin-top:10px;height:1000px;}

section{height:1000px;background:#ABCDEF;width:70%;fl oat:left}

article{background:#F90;width:500px;margin:0

auto;text-align:center}

aside{height:1000px;background:#ABCDEF;width:28%;flo at:right}

footer{height:100px;background:#ABCDEF;clear:both;mar gin-top:10px} </style>

</head> <body>

<header> <p>这是一个header标签</p> <nav>

<ul> <li>首页

</li> <li>起夜

</li> <li>论坛

</li> <li>商城

</li> <li>社区

</li> </ul>

</nav> </header>

<div> <section>

<p>这是一个section标签</p>

<article> <h2>春晓</h2> <p>

春眠不觉晓,<br /> 处处蚊子咬,<br /> 打上敌敌畏,<br /> 不至死多少。<br /> </p> </article> <hr />

<article> <h2>上学歌</h2> <p>

太阳当空照,<br /> 花

儿对我笑,<br /> 小鸟说早早早,你为什么背上小书包?<br />

我要炸学校老师不知道,一拉线,赶快跑,<br />

轰的一声,学校炸没了。<br />

</p>

</article> <hr />

<figure>

<figcaption>UFO</figcaption>

<p>不明飞行物Unknown Flying Object</p>

</figure> <figure>

<dt>DDS</dt>

<dd>大屌丝</dd>

</figure> <hr />

<dialog> <dt>唐僧:悟空,你又调皮了,观音姐姐的月光宝盒怎么能乱扔呢?

</dt> <dd>悟空:...(看着)</dd>

<dt>唐僧:乱扔是不对的,砸到小朋友怎么办?就算砸不到小朋友,砸到花花草草也是不好的嘛</dt>

<dd>悟空:...(纠结)</dd>

<dt>唐僧:悟空你想要么?想要你就告诉我呀,你不告诉我怎么知道你想要呢?。。。。</dt>

<dd>悟空:我靠!(一棍子抡上去!)</dd>

</dialog> <hr />

<menu> <li>点击</li> <li>右键单击</li> </menu>

<hr /> <span contextmenu="candan">右键单击我试试</span> <menu type="context" id="candan">

<menuitem label="菜单一" onclick="alert('我是一个寂寞')"

icon="https://www.360docs.net/doc/0718035933.html,/img/baidu_sylogo1.gif">< /menuitem> </menu> <hr /> <meter min="0" max="10" value="5" low="3" high="7" ></meter> <progress max="100" value="0"

id="pro"></progress>

<script> var pro

=document.getElementByIdx_x_x_x('pro');

setInterval(function(){

pro.value+=1; },100);

</script> <hr />

<details> <dt>这

是一个问题?</dt>

<dd>to be or not to be</dd>

<dt>这是一个问题?</dt>

<dd>to be or not to be</dd>

<dt>这是一个问题?</dt>

<dd>to be or not to be</dd>

</details> <hr />

<ruby>夼

<rp>(</rp><rt>kuang</rt><rp>)</ rp></ruby> <hr />

女人<mark>最喜欢做的事情</mark>就是逛街。。。吃零食。。逛街。。吃零食,偶尔还会呜呜的哭,

于是总结了下女人:逛吃逛吃逛吃逛吃。。。呜呜呜

~· </section>

<aside> <p>这是一个aside标签</p>

<hgroup> <h3>女生宿舍为何频频被盗</h3>

<h3>两百头母猪为何半夜惨死</h3>

<h3>是人性的扭曲?</h3>

<h3>还是道德的沦丧!</h3>

</hgroup> </aside>

</div> <footer>

<p>这是一个footer标签</p>

<hr /> <small>法律条文</small> <small>联系我们</small> <small>客户意见</small> <small>商户合作</small> </footer>

</body> </html> </xmp>

HTML标记语言常用标记大全

html标记语言常用标记大全2009-10-1416:30 HTML标记一览,后有详解

HTML里,比较基础的标签主要用于标题,段落和分行。 学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦 这是一个非常简单的HTML。 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦

织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统 正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用

这几个标签来定义正文标题,从大到小。每个正文标题自成一段。 copyright dedecms

This is a heading

This is a heading

This is a heading

This is a heading

This is a heading
This is a heading
copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用
这个标签,可以在不新建段落的情况下换行。
没有Closing Tag。 内容来自dedecms 用换行是个坏习惯,正确的是使用
。 copyright dedecms This
is a para
graph with line breaks

HTML5所有标签汇总及标签意义解释

HTML5所有标签汇总及标签意义解释 HTML5所有标签汇总及标签意义解释结构标签:(块状元素) 有意义的div<article> 标记定义一篇文章 <header> 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 <section> 标记定义一个区域 <aside> 标记定义页面内容部分的侧边栏 <hgroup> 标记定义文件中一个区块的相关信息 <figure> 标记定义一组媒体内容以及它们的标题 <figcaption> 标签定义figure 元素的标题。 <footer> 标记定义一个页面或一个区域的底部 <dialog> 标记定义一个对话框(会话框)类似微信多媒体交互标签<video> 标记定义一个视频 <audio> 标记定义音频内容 <source> 标记定义媒体资源 <canvas> 标记定义图片 <embed> 标记定义外部的可交互的内容或插件比如flashWeb应用标签<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也可用

HTML5标签属性备忘大全

一、文字备忘之标签 HTML5中新增的标签

定义文章