结构标签：(块状元素) 有意义的div 标记定义一篇文章 标记定义一个页面或一个区域的头部 标记定义导航链接 标记定义一个区域 标记定义页面内容部分的侧边栏 标记定义文件中一个区块的相关信息 标记定义一组媒体内容以及它们的标题 标签定义 figure 元素的标题。 标记定义一个页面或一个区域的底部 标记定义一个对话框(会话框)类似微信 多媒体交互标签 标记定义一个视频 标记定义音频内容 标记定义媒体资源 标记定义图片 标记定义外部的可交互的内容或插件 比如flash Web应用标签 命令列表menu命令列表标签 FF（嵌入系统） menu标记定义一个命令按钮状态标签(实时状态显示:气压、气温)C、O状态标签 (任务过程:安装、加载) C、F、O 为input标记定义一个下拉列表,配合option F、O 标记定义一个元素的详细内容 ，配合dt、dd C 注释标签 标记定义 注释或音标 告诉那些不支持 Ruby元素的浏览器如何去显示 标记定义对ruby的注释内容文本 其他标签 标记定义表单里一个生成的键值(加密信息传送)O、F 标记定义有标记的文本 (黄色选中状态) 标记定义一些输出类型,计算表单结果配合oninput事 删除的HTML标签 纯表现的元素：basefont，big，center，font, s，strike，tt，u； 对可用性产生负面影响的元素：frame，frameset，noframes； 产生混淆的元素：acronym ，applet，isindex，dir 重新定义的HTML标签 代表内联文本，通常是粗体，没有传递表示重要的意思 代表内联文本，通常是斜体，没有传递表示重要的意思 可以同details与figure一同使用，定义包含文本，dialog也可用 可以同details与figure一同使用，汇总细节，dialog也可用 表示主题结束，而不是水平线，虽然显示相同 重新定义用户界面的菜单，配合commond或者menuitem使用 表示小字体，例如打印注释或者法律条款 表示重要性而不是强调符号 示例代码： XML/HTML Code复制内容到剪贴板 xmp> nbsp;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%;float:left} article{background:#F90;width:500px;margin:0 auto;text-align:center} aside{height:1000px;background:#ABCDEF;width:28%;float:right} footer{height:100px;background:#ABCDEF;clear:both;margin-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>UFOfigcaption> p>不明飞行物 Unknown Flying Objectp> figure> figure> dt>DDSdt> 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="http://www.baidu.com/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 bedd> dt>这是一个问题？dt> dd>to be or not to bedd> dt>这是一个问题？dt> dd>to be or not to bedd> details> hr /> ruby>夼rp>(rp>rt>kuangrt>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>
