HTML page structure

Source: Internet
Author: User
Tags closure html page

Most of the time to learn web production and development of the first to see the impression is the HTML or htm suffix end of the page, we have this kind of Web page down to static pages, except pseudo static.

What is the difference between HTML or HTM and other pages that end with suffixes such as PHP, ASP, ASPX, and JSP?

First of all, the HTML page is static from beginning to end without the execution of the program is pure HTML language, is not through the server processing directly to the browser to render to the viewer.

And the end of the other suffix of the page is a dynamic page page, dynamic pages are processed by the server to their respective program translation, database operations, and so on, and then the server processed by the browser data program to the user, and the Web page content data can be changed after the data changes.

What about the HTML Basic language organization?

First look at the HTML structure:

<title> Place article title </title>
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>//Here is the page code now is gb2312
<meta name= "keywords" content= "keyword"/>
<meta name= "description" content= "page description or keyword description"/>
<body>
This is the body of content.
</body>

Full HTML includes HTML DOCTYPE declaration, title, head, Web page encoding declaration, etc.

Use the full HTML source code initially:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Title Section-www.divcss5.com</title>
<meta name= "keywords" content= "keyword"/>
<meta name= "description" content= "page description or keyword description"/>
<body>
Content
</body>

Latest full HTML structure-html source code (recommended):

<! DOCTYPE html>
<meta charset= "Utf-8" >
<title> Page Title-www.divcss5.com</title>
<meta name= "keywords" content= "keyword"/>
<meta name= "description" content= "This page description"/>
<body>
Page body Content-WWW.DIVCSS5.COM-DIVCSS5 provided
</body>

Dynamic pages, whether HTML or other suffixes, have the HTML language structure, except that they end with a different suffix when naming a Web page file.

1, whether dynamic or static pages are "" Start, and then at the end of the page with "".

2, "" followed by "" "Page header, its contents in the browser can not be displayed in the content, here is to the server, browser, link outside js, link CSS styles and other areas, and the inside" "placed in the page title, can be seen in the browser on the left to see as shown:

Title Display Location Map

3, then "" The contents of the two tags are to search engines to see the key words on this page and the main content of this webpage, such as SEO can be used.

4, then is the text "" is often said the body area, where the content can be presented to the user through the browser, its contents can be table layout format content, can also div layout content, can also be directly text. This is also the most important area, the content rendering area of the Web page.

5, the final is "" "end, that is, the Web page closed.

The above is a complete simplest HTML language basic structure, through which you can add more styles and content to enrich the page.

Note: Web pages generally require each tag to be closed according to XHTML standards, such as: To start, to close, and if there is no closure, there is no need to complete the closure.

The above is the simplest HTML language structure, if you need to see more rich HTML language structure, you can open a Web site page, and then click on the Browser "view"-and then click "View Source" to see the HTML language structure of the page, This allows you to analyze the HTML language structure and content of this page based on this source code.

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.