HTML5 new Things

Source: Internet
Author: User

1 specifying coded character sets, highly recommended

<charset= "Utf-8">

2 Specify Lang, all on the label, recommended on

3 introduction of CSS style, no longer need to specify type= "Text/css"

<href= "Style.css"  rel= "stylesheet">

With the introduction of 4 JS, it is no longer necessary to language= "JavaScript", but it is necessary to close the tag. The above line is set for IE.

<!---<src= "Script.js"></ Script >

5 checkbox,checked is a property and no longer needs to specify its value

<type= "checkbox"/>

6 big, has been removed. Small was left behind.

The meaning of the small has been changed to denote bylaws, such as legal provisions.

7 HR, the style is the same, but the meaning has changed and is now used to indicate a change in the theme.

8

<strong> is used to denote important things (recommended);

<b> is only used to bold fonts.

<em> re-stressed parts (recommended use);

<i> is only used for italic display.

9 <a> can now be anything.

The <wbr>,word BR is used to designate a string that is too long to be split in the corresponding position. And <nobr> don't split a string.

<time> is used to show a time, although there is no style, but you can set it yourself.

12

Although the

    1. have title;
    2. In addition to the title there are other elements, such as <p>, etc.;
    3. If it is only composed of multiple headings, it can be used only with
    4. In addition, headers can be directly used

<footer>

HTML5 provisions, only in the footer to put some copyright, law-related information. Others are not recommended to be put in the footer.

<article>

<section> is used to hold any descriptive text of title.

13

<Header>    <Hgroup>        <H2>This is something</H2>        <h4>This is another something</h4>    </Hgroup>    <P>Even I ' m not a title, I Wanna is here</P></Header>

14

W3school said, does not really insert a picture, but just link a picture, the meaning of this tag is to create a file placeholder space.

CSS Related

padding: inner margin. The set value can be a positive px or a percentage (the reference value is the widthof its parent element), but the value is not allowed to be negative.

margin: margin. The setpoint can be any number or percentage, and negative values are acceptable.

Margin Merge: When the margin of two vertical elements is coincident, a margin is formed, with a larger value. No impact on the landscape.

Figure, Figcaption

Illustrations are best floated in one place rather than fixed in a certain location.

<figure> used to specify an area for the picture to be placed.

<figcaption> exists in <figure> to append captions to a picture.

< Figurestyle= "float:left; margin-left:20px;">    <imgsrc= "Someimage.gif" /><!--because of the presence of Figcaption,alt appears superfluous, can be deleted, but not--<figcaptionstyle= "Font-size:small, font-style:italic">Some words to discribe the image.</figcaption></ Figure>

aside, narrator, digress

Float is generally used to introduce relevant backgrounds or other content that is irrelevant to the text.

Document.createelement ("header")

This sentence is used to tell IE9 before the brothers. They give up the unrecognized elements, but the above sentence will be able to cheat the IE, and know that they, the header is an element, we can use the style.

<!---<!---    <src  = "Shiv.js"></script><!--   -

Nav Label

The page element used to generate the navigation bar.

Section

A piece of text that has a title and does not have a more appropriate label.

    • A block displayed in parallel;
    • A section of independence, but not much to do with article;
    • A relatively long text that is quoted;

HTML5 new Things

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.