Was ist die beste Vorgehensweise?
<HTML> or <html>
Und warum sollten wir bei einem bestimmten Fall bleiben?
Alle Browser scheinen jedoch beide Fälle zu interpretieren und geben die erwartete Ausgabe zurück.
Ist es schlecht, Großbuchstaben für HTML-Tags zu verwenden?
Lesezeit: 5 Minuten
7676100cookie-checkIst es schlecht, Großbuchstaben für HTML-Tags zu verwenden?
Spudley
Die kleingeschriebene „Anforderung“ ist ein Erbe von xHTML, das dies ausdrücklich verlangte.
Einfaches altes HTML hingegen folgt nicht den starren Strukturanforderungen von XML und hat daher nicht die feste Anforderung für die Verwendung von Groß- und Kleinschreibung.
Entwickler haben sich jedoch sowieso eher an Kleinbuchstaben gehalten, hauptsächlich aus dem Grund, dass es viel einfacher zu lesen ist, wenn Sie daran arbeiten, und einfacher zu tippen ist. Aber es ist nur eine Konvention; nichts zwingt es. Wenn Sie bereits Code mit Großbuchstaben-Tags haben, funktionieren diese, und nichts hindert Sie daran, Ihre Tags weiterhin auf diese Weise zu schreiben.
Eine andere Sache, die Sie beachten sollten: In allen Browsern konvertiert der Browser das HTML-Dokument, wenn es geladen und geparst wird, in ein DOM (Document Object Model). Wenn Sie dann die integrierten Entwicklertools des Browsers verwenden, um die Website zu untersuchen, werden beim Anzeigen des DOM alle Elemente im DOM in Kleinbuchstaben angezeigt, unabhängig davon, wie sie im tatsächlichen Quellcode geschrieben wurden.
Wenn Sie bei der Kleinschreibung bleiben, können Sie daher leichter mit den Entwicklertools arbeiten, da der Code, den Sie in der DOM-Ansicht sehen, konsistenter mit dem von Ihnen geschriebenen Quellcode ist.
-
Wenn Sie andererseits einen Gleichheitsvergleich für die Eigenschaft tagName des DOM-Elements durchführen, müssen Sie daran denken, dies in GROSSBUCHSTABEN zu tun.
– Alohci
6. November 13 um 10:01 Uhr
-
Je nach verwendetem Webserver werden die Tags auf ihrem Weg zum Client möglicherweise aus demselben Grund in Kleinbuchstaben umgewandelt wie dies bei den im Browser integrierten Tools der Fall ist.
– Perkins
25. März 16 um 23:21 Uhr
-
Erinnerung, dass HTML5 die XML-Syntax vollständig, aber optional unterstützt. Diejenigen von uns, die XML-bezogene Tools verwenden, müssen sich darüber im Klaren sein, dass bei XML zwischen Groß- und Kleinschreibung unterschieden wird. Einige Leute verwenden nur Kleinbuchstaben als Praxis, um versehentliche Fehler bei der Nichtübereinstimmung von Groß- und Kleinschreibung zu vermeiden.
– Basilikum Bourque
13. November 18 um 1:59 Uhr
Die einzigen relevanten Teile der Spezifikationen besagen:
- Bei HTML-Tag- und Attributnamen wird die Groß-/Kleinschreibung nicht beachtet.
- Namen von XHTML-Tags und -Attributen unterscheiden zwischen Groß- und Kleinschreibung und müssen in Kleinbuchstaben geschrieben werden
Dinge, die in keinem Standard erwähnt werden:
- Kleinbuchstaben gelten allgemein als leichter lesbar
- Kleinschreibung ist am gebräuchlichsten (und woran die Leute gewöhnt sind)
- Die Umschalttaste gedrückt zu halten oder die CAPS LOCK die ganze Zeit umzuschalten, ist ein Schmerz
Wahrscheinlich sehr gering, und ich habe keine Beweise dafür, aber ich wette, die Verwendung von Kleinbuchstaben-Tags würde die Komprimierbarkeit der Seite mit gzip/deflate nur geringfügig verbessern, da der meiste Text wahrscheinlich auch in Kleinbuchstaben geschrieben ist.
Front-End-Frameworks können sich auf die Kleinbuchstabenkonvention verlassen
Die anderen Antworten sind richtig, aber ein weiterer Grund, HTML in Kleinbuchstaben zu schreiben (möglicherweise wichtiger als “sich an Konventionen halten”), ist, dass einige Front-End-Frameworks auf diese Konvention angewiesen sind, um zwischen HTML und benutzerdefinierten Komponenten oder Vorlagen (die normalerweise mit einem Großbuchstaben beginnen). Reagieren, Schlankund Astro sind einige Beispiele dafür, wie unten zu sehen ist.
Wenn Sie also mit einem Frontend-Framework arbeiten, können Sie Ihre HTML-Tags möglicherweise nicht mit Großbuchstaben schreiben. Wenn Sie nicht mit einem Frontend-Framework arbeiten, kann es in Zukunft viel schwieriger sein, eines zu verwenden.
Beispiele:
Reagieren
Wenn ein Elementtyp mit einem Kleinbuchstaben beginnt, bezieht er sich auf eine eingebaute Komponente wie z
<div>oder<span>und ergibt eine Zeichenfolge'div'
oder'span'weitergereicht anReact.createElement. Typen, die mit einem Großbuchstaben wie beginnen<Foo />kompilieren zuReact.createElement(Foo)und entsprechen einer Komponente, die in Ihrer JavaScript-Datei definiert oder importiert wurde.
Wir empfehlen Komponenten mit Großbuchstaben zu benennen. Wenn Sie eine Komponente haben, die mit einem Kleinbuchstaben beginnt, weisen Sie sie einer großgeschriebenen Variablen zu, bevor Sie sie in JSX verwenden.
Schlank
Ein Tag in Kleinbuchstaben, wie , bezeichnet ein reguläres HTML-Element. Ein großgeschriebenes Tag, wie z
<Widget>oder<Namespace.Widget>gibt eine Komponente an.
Astro
Beachten Sie, dass eine Astro-Komponente MUSS mit einem Großbuchstaben beginnen. Astro verwendet dies, um zwischen nativen HTML-Elementen zu unterscheiden (
form,inputetc.) und Ihre benutzerdefinierten Astro-Komponenten.
Es ist wichtig, einen bestimmten Fall zu verwenden, um Verwirrung zu vermeiden. Aber die Verwendung von Groß- oder Kleinschreibung ändert nichts.
Benutzer13097
Ich bevorzuge Kleinbuchstaben, da dies von der HTML 5.2-Spezifikation verwendet wird:
https://www.w3.org/TR/html52/introduction.html#a-quick-introduction-to-html
Die HTML 4.0-Spezifikation zeigt HTML-Tags in Großbuchstaben, aber die Spezifikation selbst verwendet in ihrem HTML-Code Kleinbuchstaben:
https://www.w3.org/TR/html40/struct/global.html
Die javax.swing.text.html.Html.Tag-Klasse von Java verwendet Kleinbuchstaben (obwohl die Java-Konstanten in Großbuchstaben geschrieben sind, wie es den Namenskonventionen von Java entspricht).
Das Godoc-Tool von Go verwendet Kleinbuchstaben.
Grundsätzlich ist HTML case-insensitive. Sie können Klein- oder Großbuchstaben verwenden, wenn Sie HTML-Tags oder HTML-Tag-Attribute eingeben, aber bei XHTML ist Kleinschreibung erforderlich. Verwenden Sie in Vorbereitung auf zukünftige Upgrades klein geschriebene HTML-Tags und HTML-Tag-Attribute
.
Browser akzeptieren auch UglYCase… nur Kleinbuchstaben und nichts mehr zu diskutieren.
– bwoebi
6. November 13 um 9:41 Uhr
Warum nicht einfach alles UglYCase?
– Denys Séguret
6. November 13 um 9:41 Uhr
Ich denke, das ist hier Ansichtssache. Ich persönlich finde Kleinbuchstaben besser lesbar.
– Denys Séguret
6. November 13 um 9:42 Uhr
Es ist eine persönliche Entscheidung, aber ich bin auf keine Webseite gestoßen, die HTML-Tags in GROSSBUCHSTABEN enthält.
– h-rai
6. November 13 um 9:45 Uhr
@dystroy: ja, es ist Ansichtssache, weil es keinen Unterschied macht, aber der Punkt ist, dass das OP das nicht wusste; Ein großer Teil der Frage hier ist, ob es tatsächlich einen Unterschied macht oder nicht.
– Spudley
6. November 13 um 10:02 Uhr