hgroup

above declarations, which can make the code more concise. 4.HgroupIn HTML5, there are many newly introduced elements, and Hgroup is one of them. Let's say my Site name is followed by a sub-heading, which I can define separately using 5. Mark ElementYou can think of it as a highlight tag. The string modified by this tag should be related to the user's current action. For example, when I sear

engines better understand the pagefacilitates the sustainable operation and maintenance of the team projectblock element, inline element:　　block elements:div p H1~h6 ul Li address Form table Section article aside nav header hgroup footer　　Inline elements:span th tr TD a label TEXTAREA input select img button time, where TEXTAREA input select IMG Button time is also called inline block Level element.　　The difference: block-level elements will have a s

Section labelRepresents a chunk of content in a page, such as a chapter, header, footer, or other part of a page. Can and H1, H2 ... and other tags to use, representing the document structure. Example: HTML5 in HTML4 . Article labelRepresents a piece of independent content in the page that is not relevant to the context. such as an article. Aside labelRepresents the secondary information that is related to the article label content outside of the article label content. Header LabelRep

path refers to the path to the other file (or folder) that is caused by the path to which the file resides.Relative path: Two files are placed in the same folder. Write a name image directly Two files in a different folder ... /folder name/file name A folder outside of a folder. Folder name/file name absolute path : refers to the absolute address location of a file on a computer or network, starting with a drive letter or protocol name. For example:File:///E|/works/Open Cl

HTML5 semantic Label structure tag HTML5 There are new tags added, these tags make HTML more semantic, this article mainly mentions the tags are: section, article, header, nav, footer, Hgroup, aside. section tags HTML5 Semantic Tags

A content chunk and H1,H2 elements in a section page are combined to use a separate piece of content in the article page that is irrelevant to the context, For example, an article in a blog aside and article mate header tags define the header hgroup label of a document for composing a page or section header footer Footer Nav navigation link figure use elements to add a caption to an element groupThis article from "Misty Rain Life" blog, please be sure

tags. This is because the new label created by this method defaults to the inline element. So you need to add the following code:1 For the code location, we need to note that to put the script tag into the head, rather than the body behind, this is because the browser from the top to bottom of the code execution and parsing, after the rendering has been rendered before the execution of JS has no meaning and value.Simply put, create a label yourself, a new tag named HTML5, and then add a style t

, details, figcaption, figure, Footer, Header, Hgroup, menu, nav, section, summary,beimeng {9 Display:Block;Ten } One style> A Scripttype= "Text/javascript"> - Document.createelement ('Beimeng'); - Document.createelement ('Header'); the Document.createelement ('nav'); - Document.createelement ('article'); - Document.createelement ('Footer'); - Script> + Head> - Body> + Beimeng>Hello world!Beimeng> A Header>Top of contentHeader> at

sup , set sub,sup{font-size:75%; line-height:0;position:relative;Vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em}. 11, provides author contact information that may have an author's e-mail address, a link to the contact page, or the author's mailing address. appear as italic. address can't contain h1~h6 article , address , aside footer , header , hgroup nav and section 12, mark the added content, underline the

@CharSet "Utf-8" ;/*@ Name: base@ function: Reset browser Default style * // * Prevents users from customizing the effect of the background color on the Web page, adding lets users customize the font * /HTML {color:black; background:White; }/ * The internal and external margins often make different browser styles behave differently * /Body,Div,DL,DT,DD,ul,ol,Li,H1,H2,H3,h4,h5,h6,Pre,Code,form,fieldset,legend,input,textarea,P,blockquote,th,TD,HR,Button,article,aside,Details,figcaption, Figure,Fo

H5 is actually an enhanced version of H4, which makes it easier to construct Web pages using H5, which is more concise and straightforward. First, we want to understand HTML4, which is the basic application of HTML markup +css2+javascript, in short, api+ syntax, and H5 is nothing more than the original foundation to provide some new features.1, H5 of the semantic tag1): The definition of HTML, one of its document declarations 1 nav>indicates navigation2 Header>represents a header3 Footer>represe

, tr, TH, TD, Article, aside, canvas, Details, embed, figure, figcaption, footer, headers, Hgroup, menu, nav, output, ruby, section, Summary, time, mark, audio, Video{margin:0;padding:0;Border:0;font-size:100%;Font:"Microsoft Himalaya";vertical-align:Baseline;}Body{font-size:1.025rem;}/*fixed CSS style--Top code*/. Main{position:Absolute;Top:0;Bottom:0; Left:0; Right:0;Background-color:#b9b7b7;}. Main center{position:Absolute;Top:2%;Bottom:2%; Left:1%

Background:On a large website, the CSS sample is divided into multiple development files, such as reset.css, layout.css, and skin.css (smaller granularity, higher style Reuse Rate). You can introduce them when you need them! Back to the less project, we can also divide it into reset. less, layout. less, skin. and then style (such as index. less) embed them (the embedding method reduces multiple HTTP requests, and the performance is relatively good. You can also understand it as a combination).

")).offset().top+"px" },{ duration:500, easing:"swing" }); returnfalse; }); }); Fade-in and fade-out when the mouse slides $(document).ready(function(){ $(".thumbsimg").fadeTo("slow",0.6);//Thissetstheopacityofthethumbstofadedownto60%whenthepageloads $(".thumbsimg").hover(function(){ $(this).fadeTo("slow",1.0);//Thisshouldsettheopacityto100%onhover },function(){ $(this).fadeTo("slow",0.6);//Thisshouldsettheopacitybackto60%onmouseout }); }); Cre

Recently in the group to carry out the study of HTML5 tags, the method is that everyone selected a few tags, their own first to learn, and then give you to explain. This process is still very rewarding. But now HTML5 is still in the draft stage, some of the new labeling elements of the interpretation is also often change, even the tag to join/move out is also very frequent (such as Hgroup), while the existing large Web portal in the use of HTML5 is al

element:Copy codeThe Code is as follows: area, br, col, hr, img, wbr. For more information, visit the http://dev.w3.org/html5/spec/Overview.html#void-elements Block element:Copy codeThe Code is as follows: address, article, aside, blockquote, caption, center, del, dir, div, dl, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hgroup, hr, ins, map, menu, nav, ol, pre, script, section, table, ul Inline element:Copy codeThe code is as follows

Sometimes, you can write their own code to tidy up, a penny of the class, with the time, take over the direct use on it, you can save a lot of time, improve work efficiency. So everyone has to have their own code base. Click to download1 /* 2 * @Author: Liubeimeng3 * @Date: 2015-11-11 10:22:024 * @Last Modified By:liubeimeng5 * @Last Modified time:2015-11-11 10:33:186 * @ name: Base.css7 * @ function: 1, reset browser default style8 * 2, set general Atomic class9 */Ten @charset "Utf-8"; One /*pr

' Display not defined for ' details ' or ' summary ' in IE 10/11 * and Firefox. * Correct ' block ' Display not defined for ' main ' in IE 11. */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;} /** * 1. Correct ' inline-block ' Display not defined in IE 8/9. * 2. Normalize vertical alignment of ' progress ' in Chrome, Firefox, and Opera. */audio,canvas,progress,video {DisplaY:inline-block; /*

Reasons for the launchThe advent of HTML is to solve the problems existing on the web.· The compatibility between Web browsers is very low· The document structure is not clear (the entire page Div, not semantically)· The functionality of the Web application has been limitedChanges in grammarDOCTYPE statement (Specify character encoding (Elements that can omit markupProperty with a Boolean value (Omit quotation marks (attribute values can not be written in quotation marks)New and repealed element

　The difference between HTML5 and HTML:　　1. On the document type declarationhtml:　　html5:　　2. In structural semanticsHTML: There is no structure semantic label, we are usually named HTML5: There is a great advantage in semantics. Provides a number of new semantic tags, such as:　　HTML5 Common structure Tags: article,aside,figcaption,figure,footer,header,hgroup,nav,section,timeThe The The The The The HTML5 Advantages:　　1. Network standards2. Multi-devic