Dokumentstruktur

Word-HTML ist die Abkürzung für Hypertext Markup Language - Hypertext Markup Language. Grundsätzlich HTML-Dokument ist eine einfache Textdatei, die mehr Text und nichts enthält. So erstellen Sie Web-Seiten in einem beliebigen Texteditor sein kann.

Wenn die Webseite in Ihrem Browser geöffnet wird, scannt es HTML-Code Sonderzeichen ist, Tags genannt, und verwenden sie Bilder einzufügen, die Darstellung von Text ändern, Links zu anderen Webseiten und andere zu schaffen.

Zur Identifizierung der verwendeten Tags durch das <tag>. Stichworte kommen in zwei Formen: ein Mann, der einen Textblock zuordnen, auch in einen anderen Behälter bezeichnet (Beispiel 1) und ein Einzelzimmer. Der Behälter erfordert ein schließendes Tag, bezeichnet </ tag>. Stichworte sind Groß- und Kleinschreibung, so notieren <B> und <b> entspricht.

Beispiel 1. Mit gepaart Tag (Container)

gültiger Code
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titel> Container </ title>
</ Head>
<Body>

<P> <b> Fett </ b> im Text. </ P>

</ Body>
</ Html>

Weil Sie in der gleichen Zeit eine vernünftige Kombination von Tags verwenden können, sollten ihrer Verschachtelung (Beispiel 2) bewusst sein. Ein Behälter ist innerhalb des anderen, und sich nicht schneiden (Beispiel 3).

Beispiel 2: Die richtige Kombination von Tags

gültiger Code
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> -Tag einbetten </ title>
</ Head>
<Body>

<P> <b> <i > Bold kursiver Text </ i> </ b> </ p>

</ Body>
</ Html>

In diesem Beispiel ist der Text in einem Container <I>, die die kursiv setzt, und er, der wiederum innerhalb des Behälters <B> Soll fett Text platziert. Das Ergebnis wird die gleiche bleiben, wenn in diesem Fall die Tags zu tauschen.

Beispiel 3: Falsche Kombination von Tags

ungültigen Code
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Tags im Anhang Fehler </ title>
</ Head>

<Body>

<P> <i> <b > fett und kursiv Text </ i> </ b> </ p>

</ Body>
</ Html>
In diesem Beispiel wird die Verschachtelung tag ineinander gebrochen. Obwohl der Browser und zeigt die Probe richtig, unabhängig "erraten", was er tun sollte, sollten solche Fehler vermieden werden, da sie zu einer Verlangsamung der Seite und Arbeit führen die falsche Seite in den meisten Fällen zu demonstrieren.

Dokumentstruktur

Alle normalen Web - Seite besteht aus zwei Teilen - dem Header (<HEAD>) und der Dokumentenkörper (<BODY>). Kopfbereich können Text und Tags enthalten, aber der Inhalt dieses Abschnitts nicht erscheint direkt auf der Seite. Der Körper des Dokuments soll die Tags und den Inhalt des (Beispiel 4) aufzunehmen.

Beispiel 4: Ein einfaches HTML-Dokument

<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<! - Dieser Abschnitt ist für den Seitentitel und technische Informationen. ->
</ Head>

<Body>
<! - Und hier ist es notwendig, alle zu platzieren, die auf der Seite zu sehen möchten. ->
</ Body>
</ Html>

DOCTYPE

<! DOCTYPE> Element wird verwendet , um den Typ des aktuellen Dokuments angeben - DTD (Document Type Definition, Document Type Description). Es ist notwendig, dass der Browser wusste, wie die aktuelle Webseite zu interpretieren, da HTML in mehreren Versionen existiert, zusätzlich gibt es XHTML (Extensible Hypertext Markup Language, erweiterte Hypertext Markup Language), ähnlich wie HTML, unterscheiden sich aber mit ihm auf der Syntax. Um den Browser "nicht verwirrt" und erkannte nach dem , was Standard eine Webseite angezeigt werden, und Sie wollen , dass die erste Zeile des Codes <! DOCTYPE> einzustellen.

Es gibt mehrere Arten <! DOCTYPE>, sie unterscheiden sich je nach Version von HTML, die ausgerichtet sind. Tabelle. 1 zeigt die wichtigsten Arten von Dokumenten mit ihren Beschreibungen.

Tabelle. 1. Gültige DTD
DOCTYPE Beschreibung
HTML 4.01
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> Strikte HTML-Syntax.
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd"> Transitional HTML-Syntax.
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN" "http://www.w3.org/TR/html4/frameset.dtd"> Die HTML-Dokument Frames verwendet.
XHTML 1.0
<DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Strict XHTML-Syntax.
<DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Transitional XHTML-Syntax.
<DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Frameset // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> Das Dokument wird in XHTML geschrieben und enthält Frames.
XHTML 1.1
<DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.1 // EN"> XHTML 1.1 Die Entwickler glauben, dass es HTML schließlich ersetzen wird. Wie Sie sehen können, gibt es keine Einteilung in Typen, diese Definition nicht, weil die Syntax ein und strenge Regeln gehorcht.

Belegkopfteil (<HEAD>)

Die Tags und Texte, die in diesem Abschnitt sind erscheinen nicht auf einer Webseite. Dieser Abschnitt ist in der Regel für die nächste Service-Informationen entwickelt.

Der Seitentitel (Tag <title>)

Verwendet eine Textzeile in der oberen linken Ecke des Browser-Fensters angezeigt werden soll. Diese Zeile weist der Benutzer den Namen der Website und andere Informationen, dass der Entwickler hinzufügt.

CSS (Cascading Style Sheets, Cascading Style Sheets)

Styles gespeicherten Formatierungselemente festlegen, die auf den Text eines Dokuments angewendet wird, um schnell sein Aussehen verändern.

Meta - Tags (Tag <META>)

Meta-Tags werden verwendet für Browser und Suchmaschinen persönliche Informationen zu speichern. Zum Beispiel beziehen sich Mechanismen der Suchmaschinen Meta-Tags für eine Beschreibung der Website, Schlüsselwörter und andere Daten. Obwohl der Tag <META> nur ein, er hat eine Menge von Optionen, so wird der Plural für seine Behandlung.

Scripts

Script wird traditionell bezeichnet als ein Programm, das in einer Web-Seite des Körpers eingebettet ist und führt bestimmte Aktionen auf sie. Eine gemeinsame Programmiersprache für Scripting ist JavaScript.

Die Reihenfolge der Tags im Dokument-Header hat keine besondere Bedeutung.

Dokumentenkörper (<BODY>)

Dokumentkörper, die für Daten auf einer Webseite, insbesondere die Anzeige wird im Text befindet, Bilder, Links, Tabellen, Listen, usw.

Kommentare

Wie in Beispiel 4 gezeigt, kann ein Text aus der Anzeige im Browser ausgeblendet werden, es ist ein Kommentar zu machen. Obwohl ein Benutzer den Text nicht sieht, wird es noch auf das Dokument übertragen werden, so dass der Quellcode sehen, ist es möglich, versteckte Information zu erfassen.

Kommentare beginnen mit <! - Und endet mit dem Tag ->. Alles, was zwischen diesen Tags wird nicht auf der Webseite angezeigt werden.