Unterschiede: 1. Das HTML-Tag ist das Hauptelement des Dokuments. 2. Die globalen Stile, die auf die HTML- und Body-Tags angewendet werden sollten, sind unterschiedlich , html entspricht „document.documentElement“ und body entspricht „document.body“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3&&HTML5&&Javascript Version 1.8.5, Dell G3-Computer.
In CSS wird der Unterschied zwischen oft ignoriert und globale Stile werden entweder auf definiert. Tatsächlich gibt es einen Unterschied zwischen den beiden, und sowohl CSS-Veteranen als auch -Neulinge sollten ihn verstehen.
Wie HTML und Body zusammenhängen
<!DOCTYPE html>
<html>
<head>
<!-- Metadata and such -->
</head>
<body>
<!-- Where the content begins -->
<body>
</html>Gemäß der Standarddefinition ist das Stammelement des Dokuments,
sind die einzigen untergeordneten Elemente von < ;html>. Gemäß der Spezifikation ist das Element, das von unterschieden werden muss.Daher sind und
In HTML-Dokumenten entspricht der :root-Selektor dem -Element.:root {
}
html {
}Es ist zu beachten, dass der :root-Selektor (Pseudoklasse) eine höhere Priorität hat als der HTML-Selektor: (0, 0, 1, 0) vs. (0, 0, 0, 1). „Welche globalen Stile sollten in HTML angewendet werden?“ Die darin enthaltenen Elemente füllen das Ansichtsfenster nicht aus und die Hintergrundfarbe erstreckt sich über das gesamte Ansichtsfenster.
Setzen Sie die Hintergrundfarbe auf HTML, um dieses Problem zu lösen. height: 100%
Wenn die Höhe von
auf die Fensterhöhe eingestellt werden muss, muss auch das -Element hinzugefügt werden:html {
font-size: 62.5%;
}
body {
font-size: 1.4rem; /* =14px */
}
h1 {
font-size: 2.4rem; /* =24px */
}Which Globale Stile sollten auf Body angewendet werden
In der frühen Spezifikation hatte
die folgenden Inline-Attribute:background
bgcolor
marginbottom
marginleft
marginright
margintop
text
Die diesen Inline-Attributen entsprechenden CSS-Stile sollten auf
angewendet werden.| marginleft | margin-left |
| margintop | |
|
text |
|
| . | |
| Der Oben sind einige Unterschiede zwischen in CSS aufgeführt. Tatsächlich gibt es auch Unterschiede in JavaScript, wie z. B. HTML, das | |
| Weitere Kenntnisse zum Thema Programmierung finden Sie unter: | Einführung in die Programmierung! ! |
Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen HTML- und Body-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
