hgroup

version of IE9 does not provide support. The best solution is still to help these older versions of IE browser create HTML5 element nodes through Html5.js. Call the JS file in our page's HTML code:CssHTML5 block-level element styleThe first is still browser compatibility issues. Although we can already create HTML5 element nodes in the lower version of IE, we still need to do some work on styling, declaring these "new" elements as Block-level:Article, aside, details, figcaption, figure, Footer,

To enable IE (IE6/IE7/IE8) to support HTML5 elements, we need to add the following Javascript in the HTML header, which is a simple document. createelement declaration. This JS file is called for IE using conditional annotations. Opera, Firefox, and other non-ie browsers will ignore this code and there will be no HTTP requests. Method 1: Reference Google's html5.js File,Place the code in the head label range,The Code content can be downloaded and viewed by yourself. Method 2: handle it by you

1. New Semantic markup elementsHeader marks the contents of the header area (for an entire page or an area of the page).Footer marks the contents of the foot area (for an entire page or an area of the page).A section is an area of a Web page.Article independent article content.Aside related content or citations.Nav Navigation class auxiliary content.2. New function elementsThe Hgroup element, which is used to group the title of a chunk of content thro

-> 1.33em 0 -> 1.67em 0 -> 2.33em 0;font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;font-weight: bold;?? HTML5 adds a label that represents a header group that is used to combine headings only when the chunk needs to have multiple levels of headershgroup> h1>水果h1> h2>苹果h2>hgroup>P?? An element (paragraph) represents a paragraph of text that typically behaves as a whole block of text that is detached from adjacent text, or as a vertic

======================================================================= ======*/html,body,div,span,applet,object,iframe,h1,h2,h3 , h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address, big,cite,code,del,dfn,em,img,ins,kbd,q,s, Samp,small,strike,strong,sub,sup,tt,var,b,u,i, center,dl,dt,dd,ol,ul,li,fieldset,form,label, legend,table,caption,tbody, tfoot,thead,tr,th,td,article,aside,canvas,details,embed ,figure,figcaption,footer,header,hgroup,menu,nav,output

Do this function on the Internet to check some information, code as follows, in this code in Google Chrome version 46 is not a problem, in Firefox browser is OK, but in the high version of Google Browser is incompatibleDivID= "Body"> Sectionclass= "Featured"> Divclass= "Content-wrapper"> Hgroupclass= "title"> H1>Welcome to WebcamH1> BR/> H2>Compatible with Google Chrome 46 version, 48 version, Google Chrome high version, Firefox

-width:320px;margin:0 Auto;Height:100%;width:100%;Overflow-x:Hidden;-webkit-overflow-scrolling:Touch;/*allows for independent fast scrolling and touch bounce*/font-family:Pingfangsc-regular,helvetica, "Droid Sans", Arial,sans-serif;font-size:14px;Line-height:1;}A, Div, header, span{-webkit-tap-highlight-color:Rgba (255,255,255,0);}article, aside, details, figcaption, figure, Footer, Header, Hgroup, menu, nav, section{Display:Block;Clear:both;}H1, H2,

Hgroup layout elementshtml5-new elements New layout template-perfect in

semantic tag, not only still asked: IE support? Unfortunately, the answer is no. If you have been frightened by IE, you will have to endure its endless torment. (IE9 and IE10 are already compatible with support for HTML5 and css3.0)But you have to be thankful that there are many geniuses in this age of your life. Someone has helped you to solve this problem! Although, can not be called perfect!Let's take a look at a few ways to resolve compatible ie6\7\8 does not support HTML5 tags:1. Javascrip

"). Swipe ({Swipeleft:function () {var d=$ (this). index ();d=d+1;i=i+1;Fq=100*d;left=-fq+ "%";if (d==8) {Alert (' last picture ');i=8;}else{$ ("#imgs li"). CSS ({"-webkit-transform": "Translate3d" ("+left+", 0px,0px) ","-webkit-transition ":" 500ms Linear "});}$ ('. S_count i '). text (i);},Swiperight:function () {var d=$ (this). index ();D=d-1;I=i-1;Fq=-100*d;left=fq+ "%";if (d==-1) {Alert (' first one ');I=1;}else{$ ("#imgs li"). CSS ({"-webkit-transform": "Translate3d" ("+left+", 0px,0px) ",

Chapter III Structure of the HTML5Article elements emphasize independence, section elements emphasize fragmentation, div elements emphasize CSS, aretcle elements and section elements can be swapped in case of verificationThe nav element is used as a link group for page navigation, usually containing The aside element represents the part of a page or article, which can be a reference to the current page or content, a noun explanationThe time element represents a time or date in the 24 hour The Pu

Reset.css (CSS to be introduced for almost every project)@charset "Utf-8"; HTML{Background-color:#fff;Color:#000;font-size:12px}BODY,UL,OL,DL,DD,H1,H2,H3,H4,H5,H6,FIGURE,FORM,FIELDSET,LEGEND,INPUT,TEXTAREA,BUTTON,P,BLOCKQUOTE,TH,TD, PRE,XMP{margin:0;padding:0}Body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{Line-height:1.5;font-family:tahoma,arial, "Hiragino Sans GB", Simsun,sans-serif}H1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}H1,h2,h3,h4,h5,h6{font-family

, Header, Hgroup, menu, nav, section { Display:block; } /* Set up adaptive adjustments for picture videos */ IMG { max-width:100%; Height:auto; width:auto\9; /* IE8 */ } . Video embed,. Video object,. Video iframe { width:100%; Height:auto; } The last thing to note is to add the following sentence between the head

} ") (E,b.frag)}functionQ (a) {a| | (A=F);varB=i (a);if(E.SHIVCSSAMP;AMP;!JAMP;AMP;!B.HASCSS) {varC,d=a;c=d.createelement ("P");d =d.getelementsbytagname ("Head") [0]| | D.documentelement;c.innerhtml= "X "; c=d.insertbefore (c.lastchild,d.firstchild); b.hascss=!! c}g| | T (a, b);returnAvark=l.html5| | {},s=/^function(){Try{varA=f.createelement ("a"); A.innerhtml= "inchAvarbif(! (B=1==a.childnodes.length)) {f.createelement ("a");varC=f.createdocumentfragment (); b= "undefined" = =typeofc.clonenod

the following example: Copy Code code as follows: @namespace S "Library://ns.adobe.com/flex/spark"; @namespace mx "LIBRARY://NS.ADOBE.COM/FLEX/MX"; s| button#btn1,s| button.btn2{ Color: #FF0000; } 6. Descendant Selector The descendant selector is also called the derivation selector, which can be used to define a style for the child elements in an element using the descendant selector, as shown in the following example: Copy Code code as follows: @

browser is less than 650px * * @media screen and (max-width:650px) { #header {Height:auto;} #searchform {position:absolute;top:5px;right:0;} #content {width:auto; float:none; margin:20px 0;} #sidebar {width:100%; float:none; margin:0;} } Through the above we can monitor the visual area of the browser change is the time our page structure elements will also correspond to changes, of course, you can set a few more sizes of monitoring cascading style sheet, this way can be b

style tag. The end tag of a body tag can be omitted if the body tag is not followed immediately by the annotation. The end tag of the Li Mark can be omitted, if the Li tag is immediately followed by another Li tag or there is no parent tag for more content. The end tag of a DT mark can be omitted, if the mark of the DT is immediately after another DT mark or a DD mark. The end tag of the DD tag can be omitted if the DD is immediately followed by another DD or dt tag, or if there is no more

,datagrid,datalist,details,dialog,eventsource,figure,footer,header, Hgroup,mark,menu,meter,nav,output,progress,section,time,video ". Split (', '), I=e.length;while (i--) { Document.createelement (E[i])} }) () The JS is then introduced into the head8. Test whether the browser supports certain CSS3 properties var supports = (function () { var div = document.createelement (' div '), vendors = ' khtml Ms O Moz Webkit '. Split (") ,

,footer,header,hgroup,menu,nav,section { margin:0; padding:0; /* Note that the form element does not inherit the parent font/* Body,button,input,select,textarea {font:12px Simsun,tahoma,arial,sans-serif} input,sele Ct,textarea {font-size:100%}/* Remove the margins of each table cell and make the edges overlap/Table {border-collapse:collapse; border-spacing:0}/* IE Bug fixed:th does not inherit text-align*/th {text-align:inherit}/* Remove default Borde

,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header, Hgroup,mark,menu,meter,nav,output,progress,section,time,video ". Split (', '), I=e.length;while (i--) { Document.createelement (E[i])} ) () //Then introduce the JS Test whether the browser supports certain CSS3 properties var supports = (function () { var div = document.createelement (' div '), vendors = ' khtml Ms O Moz Webkit '. Split (") , len =