简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

Umfassende Analyse der HTML5-Dokumentstruktur und neuer Tags

黄舟
Freigeben： 2017-04-24 10:22:28
Original
2313 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Dokumentstruktur von HTML5 und die vollständige Analyse des neuen -Tags vorgestellt

eins. HTML5-Dokumentstruktur

Schritt eins: Öffnen Sie die Entwicklungstools und öffnen Sie den angegebenen Ordner

2. Speichern Sie die Datei index.html. .html ist das Webseitensuffix;

3: Beginnen Sie mit dem Schreiben des Grundformats von 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 文档结束
Nach dem Login kopieren

2. Dokumentstrukturanalyse

1.Doctype

Dokumenttypdeklaration (Dokument Typdeklaration, auch Doctype genannt ). Im Grunde teilt es dem Browser
den Typ der angezeigten Datei mit. In früheren HTML4.01- und XHTML1.0-Versionen stellte es eine bestimmte HTML-Version und einen bestimmten HTML-Stil dar.
Jetzt muss HTML5 keine Version und keinen Stil mehr ausdrücken.
//Groß-/Kleinschreibung nicht beachtet

2.html-Element

Element bedeutet zunächst Beschriftung, HTML-Element Das heißt, HTML-Tags. Die HTML-Elemente sind die Elemente, die das Dokument beginnen und beenden. Es handelt sich um eine Doppelbezeichnung, bei der Anfang und Ende einander widerspiegeln und Inhalt enthalten.

Dieses Element hat ein -Attribut und einen Wert: lang="zh-cn",
gibt an, dass die Sprache des Dokuments ist: Vereinfachtes Chinesisch.
//Wenn es Englisch ist, ist es en'

Seite für vereinfachtes Chinesisch: html lang=zh-cmn-Hans
Seite für traditionelles Chinesisch : html lang=zh-cmn-Hant
Englische Seite: html lang=en

3.head-Element

wird zur Aufnahme von Metadateninhalten verwendet , Metadaten Zu den Daten gehören: , ,

Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！