HTML标签大全

HTML注释标签HTML DOCTYPE标签HTML a标签HTML abbr标签HTML acronym标签HTML address标签HTML area标签HTML applet标签HTML article标签HTML aside标签HTML audio标签HTML b加粗标签HTML base标签HTML5 bdi标签HTML basefont标签HTML bdo标签HTML big标签HTML blockquote标签HTML body标签HTML br标签HTML button标签HTML canvas标签HTML caption标签HTML center标签HTML cite标签HTML code标签HTML col标签HTML colgroup标签HTML command标签HTML datalist标签HTML dd标签HTML del标签HTML details标签HTML dfn标签HTML dialog标签HTML dir标签HTML dl标签HTML div标签HTML em标签HTML embed标签HTML fieldset 标签HTML figcaption 标签HTML figure 标签HTML font 标签HTML footer 标签HTML frame 框架HTML frameset 标签HTML head 标签HTML header 标签HTML5 hgroup 标签HTML h1-h6 标题标签HTML hr 标签HTML i 标签HTML iframe 标签HTML img 标签HTML input 标签HTML ins 标签HTML kbd 标签HTML5 keygen 标签HTML label 标签HTML legend 标签HTML li 标签HTML link 标签HTML map 标签HTML5 mark 标签HTML meta 标签HTML menu 标签HTML meter 标签HTML nav 标签HTML noframes 标签HTML noscript 标签HTML object 标签HTML ol 标签HTML optgroup 标签HTML option 属性HTML output 用法HTML p 段落标签HTML param 标签HTML pre 标签HTML html 标签HTML q 标签HTML5 progress 标签HTML5 rp 标签HTML5 rt 标签HTML5 ruby 标签HTML s 标签HTML samp 标签HTML section 标签HTML script 标签HTML select 标签HTML small 标签HTML source 标签HTML span 标签HTML strike 标签HTML strong 标签HTML sub 标签HTML style 标签HTML summary 标签HTML sup 标签HTML table 标签HTML tbody 标签HTML td 标签HTML tfoot 标签HTML textarea 标签HTML th 标签HTML thead 标签HTML time 标签HTML title 标签HTML tr 标签HTML tt 标签HTML track 标签HTML u 标签HTML ul 标签HTML var 标签HTML video 标签HTML wbr 标签

HTML section 标签

HTML <section> 标签

实例

文档的某个区域,解释了什么是 WWF :

<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>


浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari <section> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <section> 标签。


HTML section div

我看到很多人为了新的section就把div改成section,其实是错误的。

section的真正应用只是很少,主要是article里面的标签,例如<h1><p></p></h1> => <section><h1><p></p></h1></section> 这样语义化才有效。

如果无缘无故把div改为section,反而是误导了搜索引擎。

当然,这要看情况而定,但<section>到底还是代表章节,至于什么才属于‘章节’就有自己去判断了。


html section ie兼容模式设置

需要进行JavaScript处理,以下就介绍几种方式

方式一、Coding JavaScript

<!--[if lt IE9]> 
<script> 
   (function() {     if (! 
     /*@cc_on!@*/
     0) return;     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');     var i= e.length;     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

如果是IE9以下的IE浏览器将创建HTML5标签, 这样非IE浏览器就会忽视这段代码,也就不会有无谓的https请求了


方式二、使用Google的html5shiv包(推荐)

<!--[if lt IE9]> 
<script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

但是如果ie6/7/8 禁用脚本的用户,那么就变成了无样式的"白板"网页,我们该怎么解决呢?

我们可以参照facebook的做法,即引导用户进入带有noscript标识的 “/?_fb_noscript=1”页面,用 html4 标签替换 html5 标签,这要比为了保持兼容性而写大量 hack 的做法更轻便一些。

<!--[if lte IE 8]> 
<noscript>
     <style>.html5-wrappers{display:none!important;}</style>
     <div class="ie-noscript-warning">您的浏览器禁用了脚本,请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>.
     </div>
</noscript>
<![endif]-->

这样可以引导用户开启脚本,或者直接跳转到HTML4标签设计的界面。


标签定义及使用说明

<section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。


HTML 4.01 与 HTML5之间的差异

<section> 标签是 HTML5 中的新标签。


全局属性

<section> 标签支持 HTML 的全局属性。


事件属性

<section> 标签支持 HTML 的事件属性。

把命令大全装进口袋

微信关注