Apakah elemen struktur yang biasa digunakan dalam html?

Elemen struktur yang biasa digunakan dalam HTML ialah: 1. div, yang boleh mentakrifkan sekatan atau bahagian dalam dokumen, dan digunakan untuk menyediakan struktur dan latar belakang untuk kandungan peringkat blok dalam dokumen HTML; Mewakili kawasan dalam dokumen; 3. artikel, mewakili struktur bebas dalam dokumen, halaman, aplikasi atau laman web, yang bertujuan untuk menjadi struktur yang boleh diserahkan secara bebas atau boleh digunakan semula, mewakili kawasan yang hampir sama dengan bahagian kandungan halaman yang selebihnya.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Elemen struktur, juga dikenali sebagai elemen blok, ialah elemen yang digunakan untuk menentukan julat kandungan blok. Sebelum ini, terdapat hanya satu

elemen blok HTML5 menambah 7 elemen struktur semantik baharu, termasuk , , ,

,

html elemen struktur yang biasa digunakan

elemen div

elemen div ialah elemen yang digunakan untuk menyediakan struktur dan latar belakang untuk kandungan peringkat blok dalam dokumen HTML (aplikasi di bawah Standard Universal Markup Language).

boleh mentakrifkan bahagian atau bahagian (bahagian/bahagian) dalam dokumen. Teg

boleh membahagikan dokumen kepada bahagian bebas dan berbeza. Ia boleh digunakan sebagai alat organisasi yang ketat dan tidak menggunakan sebarang pemformatan yang berkaitan dengannya.

Jika

ditandakan dengan id atau kelas, teg menjadi lebih berkesan.

Nota:

ialah elemen peringkat blok, yang bermaksud bahawa penyemak imbas biasanya meletakkan pemisah baris sebelum dan selepas elemen div.

Petua: Gunakan elemen

untuk mengumpulkan elemen peringkat blok supaya ia boleh diformatkan menggunakan gaya.

elemen bahagian

Elemen Bahagian () mewakili rantau (atau bahagian) dalam dokumen dan merupakan elemen biasa peringkat blok. Sebagai contoh, kumpulan topik dalam kandungan biasanya akan menyertakan tajuk. Secara amnya, setiap

dikenal pasti sama ada ia mengandungi tajuk (

-

elemen) sebagai nod anak [Nota] Jika kandungan elemen boleh dibahagikan kepada beberapa bahagian, Anda harus menggunakan dan bukannya ; juga, jangan gunakan elemen Secara amnya, sepatutnya muncul dalam rangka dokumen

elemen artikel

Elemen struktur bebas yang bertujuan untuk boleh diagihkan secara bebas atau boleh digunakan semula. Ini mungkin siaran forum, majalah atau artikel berita, blog, ulasan yang diserahkan pengguna, komponen interaktif atau item kandungan bebas yang lain. Apabila elemen digunakan bersarang, elemen tersebut mewakili artikel yang berkaitan dengan elemen luar. Sebagai contoh, elemen yang mewakili ulasan blog boleh bersarang dalam elemen alamat> elemen, tetapi tidak digunakan pada elemen terbitan elemen Untuk dan

elemen tepi

Elemen tidak berkaitan dengan kandungan halaman yang lain dan dianggap Bahagian yang bebas daripada kandungan dan boleh diasingkan secara bebas tanpa menjejaskan keseluruhannya. Biasanya digunakan untuk mewakili bar sisi yang tidak berkaitan secara langsung dengan kandungan Kandungan dalam Seperti iklan artikel, latar belakang yang berkaitan dan kandungan petikan, dsb.

elemen nav

bar navigasi HTML (

) menggambarkan kawasan yang mengandungi berbilang hiperpautan , kawasan ini mengandungi senarai pautan ke halaman lain, atau bahagian lain halaman Tidak semua pautan mesti menggunakan elemen

ia hanya digunakan untuk meletakkan beberapa pautan popular ke dalam bar navigasi , untuk contoh, elemen

sering digunakan untuk menyertakan senarai pautan yang jarang digunakan

di bahagian bawah halaman Tidak perlu menambah

;nav> elemen, seperti a Ia ialah senarai navigasi dalam tapak web dan satu lagi ialah senarai navigasi dalam halaman ini

elemen pengepala

　

[Nota] Memandangkan elemen

dan

bukan kandungan bahagian, bahagian baharu tidak akan diperkenalkan ke dalam rangka

elemen footer

　Elemen

mewakili pengaki kandungan bab terkini atau elemen nod akar (akar pembahagian). Pengaki biasanya mengandungi maklumat seperti pengarang bab, data hak cipta atau pautan yang berkaitan dengan dokumen

[Nota] Maklumat pengarang dalam elemen

elemen

Perihalan kes:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>苹果首页</title>
</head>
<body>
<nav>
  <ul>
    <li><a href="#">Apple</a></li>
    <li><a href="#">Mac</a></li>
    <li><a href="#">iPad</a></li>
    <li><a href="#">iPhone</a></li> 
    <li><a href="#">Watch</a></li> 
    <li><a href="#">Music</a></li> 
    <li><a href="#">技术支持</a></li> 
    <li><a href="#">搜索</a></li> 
    <li><a href="#">购物袋</a></li>           
  </ul>
</nav>
<article>
  <section>展示1</section>
  <section>展示2</section>
  <section>展示3</section>
  <section>展示4</section>
  <nav>
    <ul>
      <li>按钮1</li>
      <li>按钮2</li>
      <li>按钮3</li>
      <li>按钮4</li>
    </ul>
  </nav>
</article>
<aside>
  <ul>
    <li><a href="#">Watch</a></li>
    <li><a href="#">Pencil</a></li>
    <li><a href="#">iPad</a></li>
    <li><a href="#">MacBook</a></li>
  </ul>
</aside>
<footer>
  <nav>
    <div>选购及了解</div>
    <div>商店</div>
    <div>应用</div>
    <div>账户</div>
    <div>关于</div>
  </nav>
  <section>
    <div>其他杂项</div>
  </section>
</footer>
</body>
</html>

Penjelasan: utama

digunakan, sebab utamanya ialah Tiada pelayar IE menyokong

elemen utama () yang membentangkan dokumen atau bahagian utama aplikasi. Bahagian utama terdiri daripada kandungan yang berkaitan secara langsung dengan dokumen atau meluas ke tema pusat dokumen atau bahagian fungsi utama aplikasi. Bahagian kandungan ini hendaklah unik dalam dokumen dan tidak mengandungi sebarang kandungan yang diulang dalam satu siri dokumen

;, ,

,

, atau

. Lebih daripada satu teg

tidak boleh muncul dalam dokumen Oleh itu, reka letak paling luar biasa hendaklah seperti berikut

<header></header>
<main>
  <section></section>
  <section></section>
  <section></section>
</main>
<footer></footer>

Tetapi sekarang, secara amnya, reka letak adalah seperti berikut. 🎜>

<header></header>
<section></section>
<section></section>
<section></section>
<footer></footer>

(Mempelajari perkongsian video:

Bermula dengan bahagian hadapan web)

Atas ialah kandungan terperinci Apakah elemen struktur yang biasa digunakan dalam html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!