Was ist die DocType -Erklärung in HTML
Die DOCType -Erklärung ist unerlässlich, da der Browser die Seite im Standardmodus widmet und den Mackenmodus verhindert, der inkonsistentes Layout und Styling verursacht. Für die moderne Webentwicklung ist , die die erste Zeile des Dokuments sein muss, keine DTD oder Namespace sein muss, in allen Browsern, einschließlich älterer, und vereinfacht, dass Kompatibilität vereinfacht - nicht wie veraltete Vergleiche wie HTML 4.01 oder XHTML 1.0, von denen keine länger verwendet werden.
Die DocType -Erklärung in HTML teilt dem Browser mit, in welcher Version von HTML das Dokument geschrieben ist. Es handelt sich nicht um ein HTML -Tag, sondern um eine Anweisung, die sicherstellt, dass die Seite im Standardmodus gerendert wird und dem Browser das Markup korrekt interpretiert.

Ohne ein ordnungsgemäßes DocType könnten Browser in den "Quirks -Modus" zurückgreifen, in dem sie ältere, inkonsistente Verhaltensweisen von frühen Browsern nachahmen - zu Layout- und Styling -Problemen.
Warum das docType wichtig ist
Moderne Webseiten sollten den HTML5 -docType verwenden, da es einfach, standardisiert und von allen aktuellen Browsern unterstützt wird. Es gewährleistet ein konsequentes Rendering und den Zugriff auf moderne Webfunktionen.

Der richtige DocType für HTML5
Verwenden Sie für jedes neue HTML -Projekt:
<! DocType html>
Dies ist der einzige DocType, den Sie heute brauchen. Es ist unempfindlich, aber es ist normalerweise in Großbuchstaben durch Kongress geschrieben.

Schlüsselpunkte über docType
- Es geht zuerst : Der docType muss das allererste in Ihrem HTML -Dokument vor dem
<html>
-Tag sein. - Kein Namespace benötigt : Im Gegensatz zu älteren XHTML -Versionen erfordert HTML5 keine XML -Namespaces oder DTD -URLs (Dokumenttypdefinition).
- Rückwärtskompatibel : Obwohl es minimal ist, löst es den Standardmodus in allen Browsern aus, einschließlich älterer wie Internet Explorer 6.
Beispiele für ältere docTypes (nicht empfohlen)
Diese wurden in Pre-HTML5-Tagen verwendet und sind unnötig komplex:
<!-html 4.01 streng-> <! DocType html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <!-xhtml 1.0 transitional-> <! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
Sie sind veraltet und schwerer zu erinnern - sie müssen sie jetzt nicht verwenden.
Denken Sie im Grunde genommen nur daran: oben, und Sie sind gut.
Das obige ist der detaillierte Inhalt vonWas ist die DocType -Erklärung in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

rel = "styleSheet" linkScssFilesforstylingThePage; 2.rel = "vorlad" HintStopreloadcriticalResourcesForperformance; 3.rel = "icon" setStheWebsit'sfavicon;

Verwenden Sie Tags, um Text semantisch hervorzuheben, häufig verwendet, um Suchergebnisse oder wichtige Inhalte zu identifizieren. 2. Benutzerdefinierte Stile wie Hintergrundfarben, Textfarben und Ränder können über CSS angepasst werden. 3.. Es sollte in Kontexten mit praktischer Bedeutung und nicht nur in visueller Dekoration verwendet werden, um die Zugänglichkeit und SEO -Effekte zu verbessern.

Um einen Link in einer neuen Registerkarte sicher zu öffnen, müssen Sie Target = "_ leer" verwenden und immer mit rel = "noopener" zusammenarbeiten. Sie können Rel = "Norferrer" wählen, um den Schutz des Datenschutzes zu verbessern. Die spezifischen Schritte sind: 1. HREF, um die Ziel -URL festzulegen; 2. Fügen Sie target = "_ leer" hinzu, um den Link in einer neuen Registerkarte zu öffnen. 3. Fügen Sie rel = "noopener" hinzu, um zu verhindern, dass die neue Seite die Originalseite manipuliert und die Leistung verbessert. 4.. Sie können rel = "norferrer" wählen, um das Senden zu verhindern

Um der Website -Titelleiste ein Symbol hinzuzufügen, müssen Sie eine Favicon -Datei in einem Teil des HTML verlinken. Die spezifischen Schritte sind wie folgt: 1. Bereiten Sie eine 16x16- oder 32x32 -Pixel -Symboldatei vor. Es wird empfohlen, Favicon.ico zu verwenden, um es zu benennen und in das Root -Verzeichnis der Website zu platzieren oder moderne Formate wie PNG und SVG zu verwenden. 2. Fügen Sie Link -Tags zu HTML hinzu, wie z. B. PNG- oder SVG -Formaten, das Typattribut entsprechend. 3. Fügen Sie optional hochauflösende Symbole für mobile Geräte wie AppleTouchicon hinzu und geben Sie verschiedene Größen über das Größenattribut an. V.

Die Verwendung von HTML -Tags kann die Zugänglichkeit und Klarheit von Inhalten verbessern. 1. Mark Abkürzungen oder Akronyme mit Abkürzungen; 2. Fügen Sie Titelattribute zu ungewöhnlichen Abkürzungen hinzu, um eine vollständige Erklärung abzugeben. 3.. Verwenden Sie, wenn das Dokument zum ersten Mal erscheint, wodurch doppelte Anmerkungen vermieden werden. 4.. Sie können den Stil über CSS anpassen, und der Standardbrowser zeigt normalerweise gepunktete Unterstriche an. 5. Es hilft Bildschirm, die Leser -Benutzer zu verstehen und die Benutzererfahrung zu verbessern.

UseForboldandSemanticimportance und FortitalicandemphasisinsteadoForforbetterAccessibilityandseo.2.StructureContentWithheadingTagsto, und UseForsMallerTextLikedisclaimer.3.

Es ist ein notwendiges Tag, das in HTML5 verwendet wird, um Dokumenttypen zu deklarieren, und muss sich zu Beginn des Dokuments befinden. Seine Funktion besteht darin, sicherzustellen, dass der Browser die Seite im Standardmodus wiederholt, um Kompatibilitätsprobleme zu vermeiden, die durch den Mangel an Erklärungen verursacht werden. Die Erklärung ist prägnant, falldesunbar und erfordert keinen Hinweis auf DTD. Die korrekte Verwendung kann das erwartete Verhalten von HTML, CSS und JavaScript sicherstellen.

Die ID muss eindeutig sein. Eine ID auf jeder Seite kann nur für ein Element verwendet werden, und die Klasse kann auf mehreren Elementen wiederverwendet werden, und ein Element kann mehrere Klassen haben. 2. Szenarien, die die ID verwenden, umfassen: Positionierung eines einzelnen spezifischen Elements, Verknüpfungsanker auf der Seite, JavaScript betreibt Elemente über ID und mit Formularelementen zugeordnete Beschriftungen; Zu den Szenarien, die die Klasse verwenden, gehören: Anwenden desselben Stils oder Verhaltens auf mehrere Elemente, Erstellen wiederverwendbarer UI -Komponenten und Auswahl mehrerer Elemente in JavaScript; 3. In CSS erfolgt das Targeting von #ID Selector bzw. .class Selector, GetElementByID () wird für ID verwendet, Geteleme
