Home > Article > Web Front-end > Comprehensive understanding of the basic structure of HTML
Comprehensive understanding of the basic structure of HTML
- 高洛峰Original
- 2017-02-11 14:49:561375browse
HTML Introduction
HyperText Markup Language: Hypertext Markup Language
HyperText: Hypertext (text + image + video + audio + link)
Markup Language: markup Language
Three major elements of the website
Pictures, hyperlinks, text
HTML basic structure
<html>
<head>
<title>Document</title>
</head>
<body>
I am mossbaoo !
</body>
</html>HTML tags of standard web pages
1.HTML document declaration: fef50554eca1a427827adaa329da8122
2. Page title: b2386ffb911b14667cb8f0f91ea547a7~6e916e0f7d1e588d4f442bf645aedb2f
3. Page encoding: 9eb7f0676c6b164d9cd2d3b69d5c092c
utf-8 is a multi-language encoding (recommended)
gb2312 is a simplified Chinese encoding
4. Page keywords ：08f94a9d3cdf4d050431ec987f8c9a31
Main content of the page: 4e5804bf5633e9c86a9b49e2a3ea90b4
Note: The meta tag is an auxiliary tag in the HTML language. It is usually used to optimize search engines. It is located at the head of the HTML document.
Generate the initial structure of the HTML document
1. The standard structure of HTML5: html:5+Tab key or !+Tab key
The generated result is as follows
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>2. Transitional structure of HTML4: html:xt+Tab key
The generated result is as follows
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>Notes on HTML tags:
• HTML elements consist of a start tag and an end tag Label composition.
• The text located in the opening and closing tags is the content of the element.
• HTML tags must have a beginning and an end. If it is a tag with no content (empty tag), use /> to end it.
• Tag names are not case-sensitive, but in XHTML tag names must be lowercase.
• Tags have attributes, which are used to represent the nature and characteristics of the tag. Attributes are specified in the opening tag.
The above comprehensive understanding of the basic structure of HTML is all the content shared by the editor. I hope it can give you a reference, and I also hope that everyone will support the PHP Chinese website.
For more relevant articles about the basic structure of HTML, please pay attention to the PHP Chinese website!