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 breaksHTML5所有标签汇总及标签意义解释
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中新增的标签
完整HTML5常用标签大全推荐文档
// 定义文档类型。 // 定义 HTML 文档。 // 定义文档的标题。 // 定义文档的主体。 // 定义 HTML 标题。 // 定义段落。 // 定义简单的折行。 // 定义水平线。 // 定义注释。 // 定义只取首字母的缩写。 // 定义缩写。 // 定义文档作者或拥有者的联系信息。 // 定义粗体文本。 // 定义文本的文本方向,使其脱离其周围文本的方向设置。 // 定义文字方向。 // 定义大号文本。 // 定义长的引用。 // 不赞成使用。定义居中文本。 // 定义引用 (citation) 。 // 定义计算机代码文本。 // 定义被删除文本。 // 定义定义项目。 // 定义强调文本。 // 不赞成使用。定义文本的字体、尺寸和颜色 // 定义斜体文本。 // 定义被插入文本。 // 定义键盘文本。 // 定义有记号的文本。 // 定义预定义范围内的度量。 // 定义预格式文本。 // 定义任何类型的任务的进度。 // 定义短的引用。 // 定义若浏览器不支持 ruby 元素显示的内容。 // 定义 ruby 注释的解释。 // 定义 ruby 注释。 // 不赞成使用。定义加删除线的文本。 // 定义计算机代码样本。 // 定义小号文本。 // 不赞成使用。定义加删除线文本。 // 定义语气更为强烈的强调文本。 基 础
to
格 式
格 式