Was sind die Unterschiede zwischen HTML- und Body-Tags?-Front-End-Fragen und Antworten-php.cn

Was sind die Unterschiede zwischen HTML- und Body-Tags?

青灯夜游

Freigeben： 2023-01-11 09:19:48

Original

5897 Leute haben es durchsucht

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“.

Was sind die Unterschiede zwischen HTML- und Body-Tags?

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>

Nach dem Login kopieren

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 {  
}

Nach dem Login kopieren

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 */
}

Nach dem Login kopieren

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.

Inline-Attribut
CSS -Farbe

marginbottommargin-bottommarginleftmarginrightmargin-rightmargintopmargin-topfont. Unterschied in JavaScript Der Oben sind einige Unterschiede zwischen in CSS aufgeführt. Tatsächlich gibt es auch Unterschiede in JavaScript, wie z. B. HTML, das entspricht. Einführung in die Programmierung
margin-left

text

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: ! !

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!