A brief talk on several basic elements of HTML5 website making layout

Source: Internet
Author: User
Keywords HTML5 talking about

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

  

Now the internet has a lot of SEO or design from the point of view of the HTML5 to bring the breakthrough information. Although it is predicted that HTML5 could not be fully supported 2022 years ago, there is no reason why we should not be familiar with some basic knowledge about HTML5.

HTML5 has adopted a new semantic-rich element that can well convey the purpose of web designers and browsers. such as Header,footer,aside,nav tags, these tags allow us to frame the structure of the Web page, allowing the browser to get more control over how to display the page. Today HTML5 encountered the biggest problem is the compatibility of browsers, once several mainstream browser completed the compatibility of HTML5, HTML5 site loading speed will be faster, the site's navigation will be more easy, the content of the page will be more rich.

The following author on a simple list of several HTML5 in the basic elements of the layout of the site:

  

Header: The header element, which is designed to act as a fragment of a Web page or as a "container" for introductory information about an additional page. It can contain the name of the site, tag line, advertising slogan or company logo.

Nav: This element is clearly applied to creating a navigation or menu bar, but the key point is that not all links to Web pages must be within the NAV element, only those links that dominate the navigation bar should be included in the element.

Section: For section, we can say that there is no semantics relative to the Div, and section is a semantic div. This label is typically applied to the section of the article, to the label page in the Label dialog box, or to the numbered part of the paper.

Aside: this element represents content related to the main content, but it is not part of the main content. Usually applies to references, sidebar related links, ads, etc.

Footer: This element contains more content about his parent element. After footer is placed in the body, you can provide additional information about the page. For example, some biographical information of the author, links to related articles or copyright information, etc. This element can also be used in different sections of the body to give specific information to different sections of the page.

Aspires: The content represented by this element is also obvious and is mainly applied to the main content. It has more explicit semantics than section, and it represents a separate, complete block of related content. For example, in a blog post, the aspires that contains comments submitted by users should abscond in the aspires that includes blog posts.

HTML5 can be said to be a bright-eyed web design language. New additions to unique tags, more intuitive new elements make web design simpler and more intuitive, and creating an easy to identify style of Web site layout will no longer be a difficult task. Article by Jiangning website production http://www.cootem.net/original, reprint please keep our address.

Related Article

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.