there a new standard for element nesting in the latest HTML5 specification?
Let's first take a look at W3C's classification of elements in the latest HTML5 specification:
For example, the classification of an element is no longer classified as a block or Inline element (in fact, it is never classified as follows:Flow(Stream element ),Heading(Title element ),Sectioning(Chapter element ),Phrasing(Paragraph element ),Embedded(Embedded element ),Interactive(Interaction element ),Metadata(Metadata
the document. Therefore, users only need to browse the titles at all levels of the document to get a preliminary understanding of its meaning and structure. Through the title system, users can quickly navigate to the content they are interested in.
Fruits I like......Sub-title
The hgroup element can be used to process several title elements as a whole (if the hgroup element is not used, the main title and
1 Header>2 nav>3 ul>4 Li>ahref="">Section 1a>Li>5 Li>ahref="">Section 2a>Li>6 Li>ahref="">Section 3a>Li>7 ul>8 nav>9 Header>Ten One Main> A article> - Header> - Hgroup> the H1>This is the H1 titleH1> - H2>This is the subtitle of the article.H2> - Hgroup> - P>This is the text of the head, the article publ
blog, for example. This also applies to the header.Xi. more HTML5 form features (more HTML5 form Features)Learn more useful HTML5 form features from the video below://zxx:toutube video, need to FQ12. IE and HTML5 (Internet Explorer and HTML5)Unfortunately, the annoying IE browser needs a little bit of surgery to understand the new HTML5 element.
All elements, by default, have an inline display
To ensure that all new HTML5 elements are correctly rendered at block level elements, it
% H2 = "2.1 Introduction to page Semantics"
% H3 = "header navigation guide information"% Header% H3 = "This Is An HTML5 mobile development book"% P = "This chapter mainly introduces HTML5 new tags"
% H3 = "footer nav navigation"% Footer% Nav% Ul% Li = "private information"% Li = "copyright information"% Li = "about us"% Li = "Contact Us"
% H3 = "aside decorative non-body content such as ad sidebar"% Aside% P = "advertisement bar"
% H3 = "the article document page displays the content of an ind
This article introduces the html5 page layout of mobile devices. If you are interested in the disk article, let's take a look at the features of mobile devices (mobile phones and tablets, this section describes the semantic tag elements added to HTML5 and the knowledge and examples of Web page layout in mobile Web browsers.
Among the new elements added to the HTML5 standard, header footer nav aside article section hgroup is used for common page struct
Use group with animate to implement paging, and to animate page flipping:"1.0"encoding="Utf-8"? >"http://ns.adobe.com/mxml/2009"xmlns:s="Library://ns.adobe.com/flex/spark"xmlns:mx="LIBRARY://NS.ADOBE.COM/FLEX/MX"MinWidth="955"minheight=" the"> [cdata[ImportSpark.core.NavigationUnit; /** * Previous page*/ Private functionPrepagehandler ():void{Smp.valueby=Hgroup.gethorizontalscrollpositiondelta (Navigationunit.page_left); Anmiate.play (); } /** * Next page*/ Private f
1. How to understand the semantics of webDefinition: Web semantics refers to the use of appropriate semantic HTML tags, class names and other content, so that the page has a good structure and meaning, so that people and machines can quickly understand the content of the Web page.Purpose: Facilitates search engine optimization (SEO) IE seoRealize:A, HTML tag semanticsClassic page structure diagram:
Header: H1-h6, Hgroup, etc., which represent
to have a corresponding checksum.8. PlaceholdersThe meaning of this input property is that you don't have to do placeholder with JavaScript.9. Local StorageWith the local storage you can permanently store large pieces of data on the client side (unless actively deleting), most browsers are now supported and can be detected before useWhether Window.localstorage exists10. Semantic Headers and Footer11. More HTML5 Form FeaturesIE and HTML5By default, HTML5 new elements are rendered inline, but can
not confuse the article element with its own complete and independent content. Conclusion: ① do not use the section element as the page container for setting the style. It is the work of the div element. ② If the article element, aside element, or nav element is more suitable for use, do not use the section element. ③ Do not use section elements for content blocks without titles.
10. Newly Added structure element article: block-level element. It indicates that the content on the page is not as
information to be conveyed on the page. For example, advertisements, group links, and sidebar.
Header labelGenerally, a
Footer labelThe footer label defines the footer of a section or document, which contains information related to pages, articles, or part of content, such as the author or date of an article. As the footer of a page, it generally contains copyright, related files, and links. It is similar to the use of the
Hgroup tagThe
, Nav, menu, hgroup { display:block; } Unfortunately, IE still ignores these styles because it doesn't know where these tags come from, like header elements. Fortunately, there is a simple workaround:Document.createelement ("article");d ocument.createelement ("footer");d ocument.createelement ("header"); Document.createelement ("Hgroup");d ocument.createelement ("Nav");d ocument.createelement ("menu"
Mobile Development Templates:750 of the manuscript divided by 75: Initialization style: @charset "Utf-8";/* Disables the automatic resizing of safari in iphone */html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; /* Resolve the iOS default sliding very card situation */-webkit-overflow-scrolling:touch;} /* Prohibit scaling form */input[type= "Submit"], input[type= "reset", input[type= "button"], input {resize:none; Border:none;} /* Unlink highlighting */body, Div, UL, Li, O
"Footer".
...
..........
...
In HTML5, there are two elements that can override the above declaration, which makes the code simpler.
...
...
4.Hgroup
In HTML5, there are many newly introduced elements, Hgroup is one of them. Assuming my site name follows a sub title, I can define it separately with the
In HTML5, we can use Hgroup elem
with the header and footer of the site, they are just the containers that represent them.
The support of IE to HTML5
IE browser current support for HTML5 is not good, but also hinder the HTML5 of the rapid popularization of a major stumbling block, however, IE9 HTML5 support is still very good.
IE parses HTML5 's new tags into inline elements, which are actually block-level elements, so it is necessary to define a style for them:
Header, footer, article, section, Nav, menu,
Analysis on HTML5 page layout of mobile devices and html5 page layoutThis article introduces the html5 page layout of mobile devices. If you are interested in the disk article, learn it together.
Based on the features of mobile devices (mobile phones and tablets), we will introduce the semantic tag elements added to HTML5 and the knowledge and examples of Web page layout in mobile Web browsers.Among the new elements added to the HTML5 standard, header footer nav aside article section
[HTML5] How to Deal with the browser compatibility issue of HTML5 new tags, html5 browsers
Original address: http://www.dang-jian.com /? P = 196
After all, HTML5 standards are just defined. Some browsers cannot support new tags and attributes, especially IE8 and earlier browsers. The following describes some practical methods to use HTML5 new tags on pages. The purpose is to make HTML5 new tags have limited support in low-level browsers, so as not to affect the entire page function.
Allow brow
describe a specific thing, it is often encouraged article to replace it section . articlethere will be a title section (usually contained header within), or it can contain footer . articlecan be nested, the inner layer of the article outer layer of the article label has a subordinate relationship.tags are used to load non-body content and are considered a separate part of the page. It contains content that is separate from the main content of the page and can be deleted without affecting the co
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.