Home > Developer > Web Develop

Web semantics and h5 new tags

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Web semantics is HTML tells us to also tell the machine what this piece is, for example: "This line is a title, these lines form a paragraph, this is a list, that is a link." "There are three phases of Web semantics:

1, H1~h6, THEAD, UL, OL and other HTML tags. These tags are used to organize the corresponding content in Web pages, such as page titles, headers, unordered, ordered lists, for easier collaboration and dissemination of Internet content. Search engines take advantage of these semantic tags to crawl content.

2, with the development of the web, the first definition of HTML semantic tags, not enough to implement the various parts of the Web page function or location description, such as we use DIV to represent page chapters. So the Web front-end person uses the ID and class attributes of the HTML tag to further describe the HTML tag, such as adding an attribute (value) such as id= "footer" or class= "footer" to the footer HTML tag.

3, the organization realizes the previous HTML version of the shortcomings, launched the HTML5 further promote the development of web semantics, using such as footer, section and other semantic tags, make up for the use of id= "footer" or class= "footer" form of deficiencies, To better promote the development of the Web.

HTML5 New Semantic Tag example: 
1 <!DOCTYPE HTML>2 <HTML>3 4 <Head>5     <MetaCharSet= "Utf-8">6     <title>H5 new Web Semantic tags</title>7 </Head>8 9 <Body>Ten     <Header> One This is the head . A     </Header> -     <nav> - This is the navigation . the     </nav> -     <article> - This is the text . -         < Section> + This is the text of paragraph 1 -         </ Section> +         < Section> A This is the text of paragraph 2 at         </ Section> -     </article> -     <aside> - This is the sidebar . -         <Address> - This is the address . in         </Address> -     </aside> to     <Footer> + This is the footer . -     </Footer> the </Body> *  $ </HTML>

Web semantics and h5 new tags

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More