Tag HTML Sarang

Cara Tegkan Teg HTML Dengan Betul

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 "hukuman" menjadi berani, anda menambah pembuka dan tutup tanda tebal sebelum dan selepas itu.

Contoh: Ini adalah teks kalimat .

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

dahulu, diikuti oleh , yang bermaksud anda membalikkannya dan menutup 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.

Menambah Teg Ditambat Lagi

Bagaimana jika anda hanya mahu satu atau dua perkataan menjadi berani, dan satu lagi akan menjadi italik? Inilah cara untuk melakukannya.

Contoh: Ini adalah teks kalimat dan ia juga mempunyai beberapa teks beretika juga.

Anda dapat melihat bahawa kotak luar kami,

, kini mempunyai dua tag bersarang di dalamnya - dan . Mereka mestilah ditutup sebelum kotak yang mengandungi itu boleh ditutup.

Contoh: Ini adalah teks kalimat dan ia juga mempunyai beberapa teks . / p>

Dalam kes ini kita ada kotak di dalam kotak! Kotak paling banyak ialah

atau "bahagian". Di dalam kotak itu adalah sepasang tag paragraf bersarang, dan di dalam perenggan pertama kami mempunyai pasangan dan seterusnya. Sekali lagi, lihat mana-mana halaman web hari ini dan anda akan melihat ini dan lebih bersarang lagi! Ini adalah bagaimana halaman dibina - kotak di dalam kotak.

Kenapa Anda Perlu Penjagaan Mengenai Nesting

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 harus 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 teks kalimat dan ia juga mempunyai beberapa teks beretika .

Ini adalah paragraf 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 {color: # 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.