cari

Rumah  >  Artikel  >  hujung hadapan web  >  Apakah perbezaan antara html dan teg badan?

Apakah perbezaan antara html dan teg badan?

青灯夜游
青灯夜游asal
2021-09-13 11:51:425930semak imbas

Perbezaan: 1. Teg html ialah elemen akar dokumen; teg badan ialah elemen utama dokumen; 3. Dalam JS, html sepadan dengan "document.documentElement" ", badan sepadan dengan "document.body".

Apakah perbezaan antara html dan teg badan?

Persekitaran pengendalian tutorial ini: sistem Windows 7, CSS3&&HTML5&&javascript versi 1.8.5, komputer Dell G3.

Dalam CSS, perbezaan antara 100db36a723c770d327fc0aef2ce13b1 dan 6c04bd5ca3fcae76e30b72ad730ca86d selalunya diabaikan, dan gaya global sama ada ditakrifkan pada 100db36a723c770d327fc0aef2ce13b1 Malah, terdapat perbezaan antara kedua-duanya, dan kedua-dua veteran CSS dan orang baru harus memahaminya.

Cara HTML dan Badan dikaitkan

<!DOCTYPE html>  
<html>  
  <head>
    <!-- Metadata and such -->
  </head>

  <body>
    <!-- Where the content begins -->
  <body>
</html>

Menurut definisi standard, 100db36a723c770d327fc0aef2ce13b1 , a801d9c20ab268ecdf000c4cd37b7338 , 3c30aa6c4c72dd8ead30672a51b803a7 adalah satu-satunya elemen anak 100db36a723c770d327fc0aef2ce13b1. Mengikut spesifikasi, 93f0f5c25f18dab9d176bd4f6de5d30e ialah elemen yang perlu dibezakan daripada 6c04bd5ca3fcae76e30b72ad730ca86d.

Oleh itu, 100db36a723c770d327fc0aef2ce13b1 dan 3c30aa6c4c72dd8ead30672a51b803a7 Dalam dokumen HTML, pemilih :root sepadan dengan elemen 100db36a723c770d327fc0aef2ce13b1 

:root {
}

html {  
}

Perlu diambil perhatian bahawa pemilih :root (kelas pseudo) mempunyai keutamaan yang lebih tinggi daripada pemilih html: (0, 0, 1, 0) vs (0, 0, 0, 1 ).

Gaya global yang manakah harus digunakan dalam HTML

html {  
  font-size: 62.5%;
}

body {  
  font-size: 1.4rem; /* =14px */
}

h1 {  
  font-size: 2.4rem; /* =24px */
}

Warna latar belakang yang aneh

Terdapat beberapa gelagat pelik dalam CSS Selepas menggunakan warna latar belakang pada 6c04bd5ca3fcae76e30b72ad730ca86d, walaupun elemen dalam 6c04bd5ca3fcae76e30b72ad730ca86d tidak menduduki keseluruhan port pandangan, warna latar belakang akan merebak ke keseluruhan port pandangan.

Menetapkan warna latar belakang pada html boleh menyelesaikan masalah ini.

tinggi: 100%

Jika ketinggian 3c30aa6c4c72dd8ead30672a51b803a7 dan sub-elemennya perlu ditetapkan pada ketinggian tetingkap, 

html,  
body {  
  height: 100%;
}

Gaya global yang manakah harus digunakan pada Badan

Dalam spesifikasi terdahulu,

  • latar belakang

  • bgcolor

  • marginbottom

  • Gaya CSS yang sepadan dengan sifat sebaris ini hendaklah digunakan pada 3c30aa6c4c72dd8ead30672a51b803a7.

    Atribut Sebaris
    		•

    Harta CSS
    latar belakang latar belakang
    bgcolor latar belakang
    background-color
    marginbottom margin-bottom
    marginbottom margin-left
    marginright margin-right
    margintop margin-top
    teks font

  • Perbezaan dalam JavaScript

  • Di atas menyebut beberapa perbezaan antara 100db36a723c770d327fc0aef2ce13b1 dan 6c04bd5ca3fcae76e30b72ad730ca86d dalam CSS, seperti html yang sepadan dengan

    , badan sepadan dengan
    • .

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Pengenalan kepada Pengaturcaraan
Inline Attribute CSS Property
background background
bgcolor background
background-color
marginbottom margin-bottom
marginleft margin-left
marginright margin-right
margintop margin-top
text font
! !

Atas ialah kandungan terperinci Apakah perbezaan antara html dan teg badan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Apakah maksud css dalam bahasa Inggeris?Artikel seterusnya：Apakah maksud css dalam bahasa Inggeris?

Artikel berkaitan

Lihat lagi