Div: nothing to sayArticle is a special section tag, which is more detailed than the section, it has more explicit semantics than sections, it represents a separate, complete related content block, general symbolizing, can be separated from the context of the existence, even if detached, meaning is still intact And the section is a part of the overall existence. They are mainly based on examples to differentiate their usage:article>hgroup> h1>appl
had to formally say, or else people ask me about licensing). You can grab a copy of the file to use and tweak as fits. If you're more than the copy-and-paste type, or just want an in-page preview of what's you'll be getting, here it's./* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 license:none (public domain) */html, body, Div, span, applet, object, IFRAME,H1, H2, H3, H4, H5, H6, p, Blockqu OTE, PRE,A, ABBR, acronym, address, Big, cite, Code,del, DFN, EM, img, INS, KBD, Q, S, Samp,
The following style rules can be used to minimize inconsistencies in the label styles of each browser. Note: The actual usage should be adjusted appropriately to suit the project requirements. /* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 license:none (public domain)*/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,
. Although some browsers do not support this function, IE8, Safari 4, and Firefox 3.5 still support this function. You can test it.
10. More semantic headers and footer
The following code will no longer exist in HTML5
We usually define a div for the header and footer, and then add an ID. However, in HTML5, you can directly use the
Be sure not to confuse the two labels with the header and footer of the website. They only represent their containers.
11. Support for HTML5 by IE
the page should contain a navigation label: nav. Although it seems that there are no necessary rules, I think that nav should only contain ol or Li elements. After all, Nav is used for navigation, and navigation should be a set of paths. Header can also contain other information for introduction, such as the company icon, company name, or product name on the homepage.
Of course.
Let's just say that the ol and UL are retained in HTML5. My personal suggestion is to remove the similar elements wi
supports HTML5 well.IE parses all the tags added to HTML5 into inline elements, but they are actually block-level elements, so it is necessary to define a style for them:
Header, footer, article, section, NAV, menu, hgroup {Display: block;}
However, ie still cannot parse the newly added HTML5 tags. At this time, JavaScript is needed to solve this problem:
Document. create_relement_x ("article ");Document. create_relement_x ("footer ");Document. creat
.
...
...
Copy the code and run the code to edit the code.
Powered by w3cfuns.com
We usually define a div for the header and footer, and then add an ID. However, in HTML5, you can directly use the Copy the code and run the code to edit the code.
...
...
Copy the code and run the code to edit the code.
Powered by w3cfuns.com
Be sure not to confuse the two labels with the header a
Let ie Support the implementation of html5 labels, iehtml5
Html5 has been popular for a long time. If you don't study html5 + css3, you can't go over it. Let's start with the most basic introduction today, so that the older generation of the ie family can understand the new html5 labels. Frontend Resource Sharing
1. Add code to the page. Code
2. Define the CSS code (Important). Code
Article, aside, details, figcaption, figure, footer, header, hgro
-mail, the browser verifies that the input is an email type, not just the front-end checksum, and the backend has 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 Storage Using the local storage can permanently store large pieces of data on the client side (unless actively deleted), most browsers now support, before use can detect whether Window.localstorage exists10. Semantic Headers and Footer11
Header
headerAn element is a structure element that has a bootstrap and navigation effect, typically used to place the title of an entire page or a chunk of content within a page, but can also contain other content, such as a data table, a search form, or a related logo image. In HTML5, a header element typically includes at least one heading element (H1-H6).
Html: class="header">HTML5:
Footer
footerAn element can be a footnote to its upper-level paren
= new JButton ("login"); Creates grouplayout grouplayout layout = new Grouplayout (This.getcontentpane ()) for the specified Container; This.getcontentpane (). setlayout (layout); Create a horizontal continuous group of grouplayout, with the first Parallelgroup added, the higher the priority level. Grouplayout.sequentialgroup Hgroup = Layout.createsequentialgroup (); Hgroup.addgap (5);//Add Interval Hgroup.addgroup (Layout
HTML5 has been popular for a long time, do not study html5+css3 really some difficult, today first from the most basic introduction, let IE family old-timers can know HTML5 new label. Front-end resource sharing1. Add code to the page. Code
9]>
2. Define CSS code (Important). Code
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
This JS file original content is very small, it may now update
achieve ellipsis animation
This fragment will help you create a ellipsis animation that is useful for simple load states without having to use GIF images.
. loading:after {Overflow:hidden;Display:inline-block;Vertical-align:bottom;animation:ellipsis 2s infinite;Content: "\2026"; /* ASCII code for the ellipsis character * *}@keyframes ellipsis {from {width:2px;}to {width:15px;}}
11. Style Reset
Html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
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.