Heim  >  Artikel  >  Web-Frontend  >  Umfassendes Verständnis der Grundstruktur von HTML

Umfassendes Verständnis der Grundstruktur von HTML

高洛峰
高洛峰Original
2017-02-11 14:49:561274Durchsuche

Einführung in HTML

HyperText Markup Language: Hypertext Markup Language

HyperText: Hypertext (Text + Bild + Video + Audio + Link)

Markup Language: Markup Language

Drei Hauptelemente einer Website

Bilder, Hyperlinks, Text

HTML-Grundstruktur

<html>  
    <head>  
        <title>Document</title>  
    </head>  
    <body>  
        I am mossbaoo !   
    </body>  
</html>

HTML-Tags von Standard-Webseiten

1. HTML-Dokumentdeklaration: fef50554eca1a427827adaa329da8122

2. Seitentitel: b2386ffb911b14667cb8f0f91ea547a7~6e916e0f7d1e588d4f442bf645aedb2f

3 charset= "utf-8" />

utf-8 ist eine mehrsprachige Kodierung (empfohlen)

gb2312 ist eine vereinfachte chinesische Kodierung


4 . Seitenschlüsselwörter: 08f94a9d3cdf4d050431ec987f8c9a31

Hauptinhalt der Seite: 07bba56ae4fc3ce8f164612936a011c1

Hinweis: Das Meta-Tag ist ein Hilfs-Tag in der HTML-Sprache. Es wird normalerweise zur Optimierung von Suchmaschinen verwendet. Es befindet sich am Kopf des HTML-Dokuments.

Generieren Sie die anfängliche Struktur des HTML-Dokuments

1. Standardstruktur von HTML5: html:5+Tab-Taste oder !+Tab-Taste

Das generierte Ergebnis ist wie folgt

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>

2. Übergangsstruktur von HTML4: HTML: Besteht aus Start-Tag und End-Tag.

• Der Text in den öffnenden und schließenden Tags ist der Inhalt des Elements.

<!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>
• HTML-Tags müssen einen Anfang und ein Ende haben. Wenn es sich um ein Tag ohne Inhalt handelt (leeres Tag), verwenden Sie />

• Bei Tag-Namen wird die Groß-/Kleinschreibung nicht beachtet, aber in XHTML müssen Tag-Namen in Kleinbuchstaben geschrieben werden.

• Tags verfügen über Attribute, die verwendet werden, um die Art und Eigenschaften des Tags darzustellen. Attribute werden im öffnenden Tag angegeben.

Das obige umfassende Verständnis der Grundstruktur von HTML ist der gesamte vom Herausgeber geteilte Inhalt. Ich hoffe, dass er Ihnen eine Referenz geben kann, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.

Für ein umfassenderes Verständnis der Grundstruktur von HTML und verwandter Artikel achten Sie bitte auf die chinesische PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn