Comprehensive analysis of HTML5 document structure and new tags-H5 Tutorial-php.cn

Home

Web Front-end

H5 Tutorial

Comprehensive analysis of HTML5 document structure and new tags

黄舟

Apr 24, 2017 am 10:22 AM

This article mainly introduces the document structure of HTML5 and the complete analysis of new tags. Friends in need can refer to

one. HTML5 document structure

1. Step 1: Open the development tool and open the specified folder;

2. Step 2: Save the index.html file to disk , .html is the web page suffix;

3. Step 3: Start writing the basic format of HTML5.

<!DOCTYPE html> //文档类型声明
<html lang="zh-cn"> //表示 HTML 文档开始。1. 
<head> //包含文档元数据开始
<meta charset="utf-8"> //声明字符编码
<title>基本结构</title> //设置文档标题
</head> //包含文档元数据结束
<body> //表示 HTML 文档内容
<a href="http://www.baidu.com">百度</a> //一个超链接元素（标签）
</body> //表示 HTML
</html> //表示 HTML 文档结束

Copy after login

2. Document structure analysis

1.Doctype

Document type declaration (Document Type Declaration, also called Doctype ). It mainly tells the browser
the type of file being viewed. In previous HTML4.01 and XHTML1.0, it represented a specific HTML version and style.
Now HTML5 does not need to express version and style.
//Not case-specific

2.html element

First of all, element means label, html element That is, html tags. The html elements are the elements that start and end the document. It is a double label, the head and the tail echo each other, and contain content.

This element has a attribute and value: lang="zh-cn",
indicates that the language of the document is: Simplified Chinese.
//If it is English, it is en'

Simplified Chinese page: html lang=zh-cmn-Hans
Traditional Chinese page: html lang=zh-cmn-Hant
English page: html lang=en

3.head element

is used to contain metadata content. Data includes: , ,