Jika anda melihat markup HTML untuk mana-mana halaman web hari ini, anda akan melihat elemen HTML yang terkandung dalam elemen HTML yang lain. Unsur-unsur ini yang "di dalam" yang lain adalah apa yang dikenali sebagai "unsur-unsur bersarang", dan mereka adalah penting untuk membina mana-mana laman web hari ini.
Apa Adakah Maksudnya untuk Teg HTML Sarang?
Cara paling mudah untuk memahami sarang ialah memikirkan tag HTML sebagai kotak yang memegang kandungan anda. Kandungan anda boleh memasukkan teks, imej, dan sebagainya tag HTML adalah kotak di sekeliling kandungan. Kadang-kadang, anda perlu meletakkan kotak di dalam kotak lain. Kotak-kotak "dalaman" ini bersarang di dalam orang lain.
Jika anda mempunyai blok teks yang anda mahu berani di dalam perenggan, anda akan mempunyai dua elemen HTML serta teks itu sendiri.
Contoh: Ini adalah ayat teks.
Teks itu adalah apa yang akan kita gunakan sebagai contoh kita. Begini bagaimana ia akan ditulis.
Contoh: Ini adalah ayat teks. Kerana anda mahu kata "kalimat" menjadi tebal, anda menambah pembukaan dan penutupan tebal tag sebelum dan selepas perkataan itu.
Contoh: Ini adalah ayat teks. Seperti yang anda lihat, kita mempunyai satu kotak (perenggan) yang mengandungi kandungan / teks kalimat kami, ditambah kotak kedua (pasangan tag yang kuat), yang akan menjadikan perkataan itu sebagai tebal. Apabila anda membuat tag, sungguh penting bahawa anda menutup tag dalam perintah bertentangan yang anda buka. Anda membuka pertama, diikuti oleh , yang bermaksud anda membalikkan dan menutupnya dan kemudian Satu lagi cara untuk berfikir tentang ini adalah sekali lagi menggunakan analogi kotak. Sekiranya anda meletakkan kotak di dalam kotak lain, anda perlu menutup satu bahagian dalam sebelum anda boleh menutup kotak luar atau mengandungi. Bagaimana jika anda hanya mahu satu atau dua perkataan menjadi berani, dan satu lagi akan menjadi italik? Inilah cara untuk melakukannya. Contoh: Ini adalah ayat teks dan ia juga mempunyai beberapa teks berurat juga. Anda dapat melihat bahawa kotak luar kami, yang , kini mempunyai dua tag bersarang di dalamnya - yang dan juga . Mereka mestilah ditutup sebelum kotak yang mengandungi itu boleh ditutup. Contoh: Ini adalah ayat teks dan ia juga mempunyai beberapa teks berurat juga. Ini adalah perenggan lain. Dalam kes ini kita ada kotak di dalam kotak! Kotak terhebat ialah Sebab nombor satu yang anda harus peduli mengenai sarang ialah jika anda akan menggunakan CSS. Cascading Style Sheets bergantung pada tag untuk secara konsisten bersarang dalam dokumen supaya ia dapat mengetahui di mana gaya bermula dan berakhir. Sekiranya anda menyediakan gaya yang seharusnya menjejaskan semua "pautan yang berada di dalam bahagian dengan kelas 'teks utama'" pada halaman, sarang yang salah menjadikan sulit untuk penyemak imbas mengetahui di mana untuk menggunakan gaya ini. Mari lihat beberapa HTML: Contoh: Ini adalah ayat teks dan ia juga mempunyai beberapa teks berurat juga. Ini adalah perenggan lain. Menggunakan contoh saya baru saja menyatakan, jika saya ingin menulis gaya CSS yang akan memberi kesan kepada pautan di dalam bahagian ini, dan hanya pautan itu (berbanding dengan sebarang pautan lain di bahagian lain halaman), saya perlu menggunakan bersarang untuk menulis gaya saya, seperti: .main-content a { warna: # F00;}
Alasan lain termasuk kesesuaian dan keserasian pelayar. Sekiranya HTML anda disusun dengan betul, ia tidak akan dapat diakses oleh pembaca skrin dan penyemak imbas yang lebih lama - dan ia juga boleh memecahkan penampilan visual halaman sekiranya penyemak imbas tidak dapat memikirkan cara membuat halaman dengan betul kerana elemen dan tag HTML sudah tiada. Akhirnya, jika anda berusaha menulis HTML yang betul dan sah, anda perlu menggunakan sarang yang betul. Jika tidak, setiap validator akan menandakan HTML anda sebagai salah. Menambah Teg Ditambat Lagi
Kenapa Anda Perlu Penjagaan Mengenai Nesting
