Front-end Meng New comb the basics, HTML element and CSS properties. Express it with your own words, focusing on a few details. The goal is to deepen understanding, pay attention to the details, especially the semantics, the elder pointed out my this problem. P.S.W3C Chinese translation some really pits.
follow the features to learn:
Basic 9-0
- <! The doctype> declaration is not an HTML tag that indicates which HTML (XHTML) version the browser uses. Insensitive to casing. There are three types of DTD (Document Type Definition) in HTML 4.01 <! Doctype> statement. There is only one of the HTML5: <! DOCTYPE html>
- <title> the display text on the label when we browse the site; This tag is something that must be included in the descriptive , practical , and context-independent title for each of your documents
- <body> define the subject of the document; Include all the contents of the document
- <p> paragraph; The browser will automatically add the front and rear blanks;
- <br> newline; in XML, the <br/>;clear property is heard by dying; to enter a blank line instead of splitting a paragraph, split the paragraph with <p>
- <!--......--> Add a//↓ when commenting in <script> to avoid JS execution--
< script type = "Text/javascript" > <!-- function Displaymsg () {alert ( " hello world! )} // --> </ script >
format 38-9
- <acronym> abbreviation, HTML5 is replaced by <abbr>
- <abbr> abbreviations; You can use the Title property (mouse over to show full version)
- <address> is usually included in the footer, not used to describe the mailing address within the document.
- <b><tt><i><big><small> suggested use style;
- <tt>
- <i>
- <big>
- <small>
- <bdi> Isolate, out of the parent element's text direction setting; dir= "ltr"; Google Chrome Firefox word, but the pro-test a little convulsions ah, follow-up needs to deepen understanding. http://www.iteye.com/problems/75691
- <bdo> overrides the default text direction, which is not the same as the text above, this is the direction of a single letter (careless use is garbled AH ~ ~ ~ Thank the Ancestors invented the Chinese)
- <blockquoto> a chunk quote with this; a short, not a large section of the reference with the Q element; You can use the cite attribute (value =url) to specify the source of the reference
- <center> centering the contained text, using the style sheet!!!!! 、
- <em> has the exact semantics;
- <strong> has the exact semantics;
- <dfn> have exact semantics; Mark Special term phrases (definition? ); appear as italic
- <code> has the exact semantics;
- <samp> has the exact semantics;
- <kbd> has the exact semantics;
- <var> has the exact semantics;
- <cite> has the exact semantics;
- <del>
- <font>
- <ins>
- <mark>
- <meter>
- <pre>
- <progress>
- <q>
- <rp>
- <rt>
- <ruby>
- <s>
- <strike>
- <sup>
- <sub>
- <time>
- <u>
- <wbr>
form 14-3
Frame 4-0
Image 6-3
audio \ Video 4-4
Link 3-1
List 10-1
form 10-0
style \ Section 11-8 (* semantic)
meta-Information 4-0
Programming 6-1
To comb HTML elements by function
