Tag bahagian HTML
Sep 04, 2024 pm 04:31 PM
Artikel berikut menyediakan garis besar bahagian HTML Tag. HTML
Perkara Penting yang Perlu Diperhatikan untuk Tag bahagian
Kedua-dua teg Mula dan Tamat diperlukan untuk teg Bahagian dalam HTML5, iaitu
teg digunakan untuk menduakan kandungan, iaitu, ia mengedarkan bahagian dan subseksyen. - Jenis kandungan yang dibenarkan untuk teg bahagian ialah kandungan aliran bermaksud
teg, sebagai ibu bapa, tidak boleh mempunyai unsur; kemudian kandungan tidak boleh mempunyai tag sebagai induknya; kandungan bahagian dan kandungan yang boleh dirasai. elemen mestilah bukan keturunan elemen. - Setiap
hendaklah divisualisasikan dengan memperkenalkan teg tajuk sebagai anak kepada elemen. - Jika kita perlu mensindiketkan kandungan
elemen secara individu, maka kita boleh menggunakan tag sebaliknya. elemen tidak boleh digunakan sebagai bekas generik; inilah yang adalah untuk, terutamanya apabila pemotongan dilakukan hanya untuk tujuan penggayaan. Peraturan biasa ialahteg sepatutnya muncul secara logik pada garis besar dokumen. elemen sebagai elemen semantik, ia memberikan makna tentang kandungan yang disertakan, memfokuskan pada bahagian dokumen kepada kedua-dua ejen manusia dan pengguna. Ia ialah elemen semantik generik, jadi anda harus menggunakannya apabila tiada unsur bekas semantik lain (artikel, diketepikan dan nav) yang sesuai. Sintaks:
Di bawah ialah sintaks yang disebut:
HTML/XHTML
<body> <section> ... </section> <body>
CSS
section{ --your css code— }Atribut bahagian Html Tag
Di bawah adalah beberapa sifat yang disebutkan :
1. Atribut Khusus Tag
Tiada atribut khusus hadir untuk digunakan dengan
tag. 2. Atribut Global
Seperti semua teg HTML lain,
teg juga menyokong atribut global dalam HTML5. Berikut ialah atribut global:
- onabort
- onautolengkap
- onautocompleteerror
- pada kabur
- batalkan
- oncanplay
- oncanplaythrough
- berubah
- klik
- tutup
- pada menu konteks
- pertukaran terus
- ondblclick
- ondrag
- ondragend
- ondragenter
- ondrakeluar
- ondragleave
- ondragover
- ondragstart
- ondrop
- perubahan ketahanan
- sekali dikosongkan
- selepas
- onerror
- onfokus
- onput
- tidak sah
- onkeydown
- tekan kekunci
- onkeyup
- memuat
- data dimuatkan
- metadata dimuatkan
- mulakan muat
- onmousedown
- masuk tetikus
- onmouseleave
- onmousemove
- onmouseout
- atas tetikus
- onmouseup
- onmousewheel
- jeda
- bermain
- bermain
- sedang berjalan
- onratechange
- dimulakan semula
- saiz semula
- onscroll
- dicari
- berusaha
- semula pilih
- pameran
- onsort
- dipasang
- serahkan
- digantung
- kemas kini ontime
- ontogol
- perubahan volum
- Menunggu
3. Atribut Acara
Tiada atribut acara hadir untuk digunakan dengan
tag. Sifat Pemformatan Teks CSS dalam
Tag Diberikan di bawah ialah Ciri Pemformatan Teks CSS:
- Warna teks
- Penjajaran teks
- Teks-hiasan
- Teks-transformasi
- Ketinggian garis
- Arahan teks
- Bayang teks
- Jarak perkataan
Sifat Fon CSS dalam
Tag Diberikan di bawah ialah Ciri Fon CSS:
- font-style: normal|italic|oblique|initial|inherit
- font-variant: normal|small-caps|initial|inherit
- font-weight: normal|bold|bolder|lighter|number|initial|inherit
- font-size: medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit
- font-family: family-name|generic-family|initial|inherit
CSS Test Shadow Property for Tag
Given below is the CSS Test Shadow Property:
<style> address{ text-shadow: 1px 1px #FF0000; } </style>Examples of HTML section Tag
Given below are the examples of HTML section Tag:
Example #1
Code:
<!DOCTYPE html> <html> <head> <title>Section tag</title> </head> <body> <section> <h1>eduCBA: Article 1</h1> <p>Content of Article 1</p> </section> <section> <h1>eduCBA: Article 2</h1> <p>Content of Article 2</p> </section> <section> <h1>eduCBA: Article 3</h1> <p>Content of Article 3</p> </section> </body> </html>
Output:
Example #2
Nested Section Tag.
The
tag can be nested wherein the font size of the subsection is smaller than the section only if both have the same font properties. The subsection is used for organizing complex data. Code:
<!DOCTYPE html> <html> <head> <title>Section tag</title> </head> <body> <section> <h1>eduCBA: Article 1</h1> <p>Content of Article 1</p> <section> <h1>Subsection</h1> <h1>Subsection</h1> </section> </section> <section> <h1>eduCBA: Article 2</h1> <p>Content of Article 2</p> <section> <h1>Subsection</h1> <h1>Subsection</h1> </section> </section> <section> <h1>eduCBA: Article 3</h1> <p>Content of Article 3</p> <section> <h1>Subsection</h1> <h1>Subsection</h1> </section> </section> </body> </html>
Output:
Example #3
Code:
<!DOCTYPE html> <html> <head> . . . </head> <body> <header> <h1>HTML Section tag example</h1> </header> <main> <article> An article on HTML Section tag</article> </main> <aside> Body of an article </aside> <footer> <section>Copyright ©2020- EDUCBA.</section> <address> A- 406, Boomerang, Chandivali Farm Road, Yadav Nagar, Chandivali, Powai, Maharashtra, Mumbai - 400072. </address> </footer> </body> </html>
Output:
Example #4
Code:
<!DOCTYPE> <html> <head> <style> section{ border:1px solid pink; padding:15px; margin:10px; } </style> </head> <body> <h2> List of Articles</h2> <section> <h3>Article 1 heading</h3> <p> Body of article </p> </section> <section> <h3>Article 2 heading</h3> <p> Body of article </p> </section> <section> <h3>Article 3 heading</h3> <p> Body of article </p> </section> </body> </html>Output:
Example #5
While creating a
tag in HTML5, we can use either the class or id attributes wherein each id should be unique, and the class can be used multiple times when necessary. The section should always have a header element (H1 to H6). If a title cannot be given for the section, we can use the
element, which will probably be more appropriate, and always never use thetag just for putting styles. Code:
<!DOCTYPE> <html> <head> <style> section{ border:1px solid pink; padding:15px; margin:10px; } </style> </head> <body> <section id="sectiontag" class="sectionclass"> <h2>HTML Section tag</h2> <p>Random text Random text Random text...</p> </section> <section id="articletag"> <h2>HTML Article tag</h2> <p>Random text Random text Random text...</p> </section> <section id="footertag"> <h2>HTML Footer tag</h2> <p>Random text Random text Random text...</p> </section> </body> </html>Output:
Conclusion
The
element is a structural HTML element that groups all the related elements. Each usually includes one or more heading elements and additional elements presenting related content. is a new HTML5 element used to define an important document section. It is better to use it within articles, to define navigation, or in the header or footer. If a section of the content deserves its heading, which would be listed in a theoretical or actual table of contents, it should be placed as a . Atas ialah kandungan terperinci Tag bahagian HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan Laman Web iniKandungan 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
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Tag html penting untuk pemula
Jul 27, 2025 am 03:45 AM
Untuk memulakan dengan HTML dengan cepat, anda hanya perlu menguasai beberapa tag asas untuk membina rangka web. 1. Struktur halaman adalah penting, dan, yang merupakan elemen akar, mengandungi maklumat meta, dan merupakan kawasan paparan kandungan. 2. Gunakan tajuk. Semakin tinggi tahap, semakin kecil nombor. Gunakan tag untuk segmen teks untuk mengelakkan melangkau tahap. 3. Pautan menggunakan tag dan sepadan dengan atribut HREF, dan imej menggunakan tag dan mengandungi atribut SRC dan ALT. 4. Senarai ini dibahagikan kepada senarai yang tidak teratur dan senarai yang diperintahkan. Setiap entri diwakili dan mesti bersarang dalam senarai. 5. Pemula tidak perlu memaksa menghafal semua tag. Lebih cekap untuk menulis dan memeriksa mereka semasa anda menulis. Menguasai struktur, teks, pautan, gambar dan senarai untuk membuat laman web asas.
HTML `Style` Tag: inline vs. CSS dalaman
Jul 26, 2025 am 07:23 AM
Kaedah penempatan gaya perlu dipilih mengikut tempat kejadian. 1. Dalam talian sesuai untuk pengubahsuaian sementara unsur tunggal atau kawalan JS dinamik, seperti perubahan warna butang dengan operasi; 2. CSS dalaman sesuai untuk projek dengan beberapa halaman dan struktur mudah, yang mudah untuk pengurusan gaya berpusat, seperti tetapan gaya asas halaman log masuk; 3. Keutamaan diberikan untuk menggunakan semula, penyelenggaraan dan prestasi, dan lebih baik untuk memecah fail CSS pautan luaran untuk projek besar.
Mengapa gambar saya tidak muncul dalam html?
Jul 28, 2025 am 02:08 AM
Imej tidak dipaparkan biasanya disebabkan oleh laluan fail yang salah, nama fail atau lanjutan yang salah, isu sintaks HTML, atau cache penyemak imbas. 1. Pastikan laluan SRC selaras dengan lokasi sebenar fail dan gunakan laluan relatif yang betul; 2. Periksa sama ada kes fail dan sambungan sepadan dengan tepat, dan sahkan sama ada imej boleh dimuatkan dengan terus memasukkan URL; 3. Periksa sama ada sintaks tag IMG adalah betul, pastikan tiada aksara yang berlebihan dan nilai atribut alt sesuai; 4. Penyelesaian masalah dalam pesanan ini dapat menyelesaikan masalah paparan imej HTML.
Bolehkah anda meletakkan tag di dalam tag yang lain?
Jul 27, 2025 am 04:15 AM
?youcannotnesttagsinsideanothertagbecauseit'sinvalidhtml; browsersautomomatikclosethefirstbeforeopeningthenext, drectinginseparateParagraphs.instead, useinlineelements,
Bagaimana cara menulis templat halaman html5 asas?
Jul 26, 2025 am 07:23 AM
Mengisytiharkan dokumen sebagai HTML5 untuk mengelakkan penyemak imbas daripada memasuki mod pelik; 2. Tentukan elemen akar dan tentukan bahasa untuk meningkatkan kebolehcapaian dan SEO; 3. Ia termasuk memastikan pengekodan watak yang betul, melaksanakan reka bentuk responsif, dan menetapkan tajuk halaman; 4. Letakkan semua kandungan yang boleh dilihat, secara pilihan menambah pautan CSS, Favicon dan JavaScript; Templat ini lengkap dan serasi dengan pelayar moden, dan sesuai untuk sebarang fail HTML baru.
Apakah atribut nama dalam tag input?
Jul 27, 2025 am 04:14 AM
Thenameattributeinaninputtagisusedtoidentifytheinputwhentheformissubmitted;itservesasthekeyinthekey-valuepairsenttotheserver,wheretheuser'sinputisthevalue.1.Whenaformissubmitted,thenameattributebecomesthekeyandtheinputvaluebecomesthevalueinthedatasen
Bagaimana untuk membuat senarai yang tidak teratur dalam HTML?
Jul 30, 2025 am 04:50 AM
Untuk membuat senarai HTML yang tidak teratur, anda perlu menggunakan tag untuk menentukan bekas senarai. Setiap item senarai dibalut dengan tag, dan penyemak imbas secara automatik akan menambah peluru; 1. Buat senarai dengan tag; 2. Setiap item senarai ditakrifkan dengan tag; 3. Penyemak imbas secara automatik menjana simbol titik lalai; 4. Sublists boleh dilaksanakan melalui bersarang; 5. Gunakan atribut jenis gaya CSS untuk mengubah suai gaya simbol, seperti cakera, bulatan, persegi, atau tidak; Gunakan tag ini dengan betul untuk menghasilkan senarai yang tidak teratur standard.
Memasukkan gambar dalam HTML: Amalan Terbaik
Jul 26, 2025 am 05:37 AM
Apabila memasukkan imej dalam pembangunan web, perhatikan pemilihan format, pengoptimuman atribut label, pemprosesan responsif dan aksesibiliti. 1. Pilih format yang sesuai mengikut tujuan: JPEG sesuai untuk foto, PNG sesuai untuk latar belakang telus, WEBP mengambil kira kedua -dua mampatan dan ketelusan, dan SVG sesuai untuk grafik vektor; 2. Gunakan sifat tag IMG dengan betul: Tetapkan SRC, ALT, Lebar, Ketinggian dan Memuatkan untuk Meningkatkan Pemuatan dan SEO; 3. Mengoptimumkan saiz imej dan merealisasikan respons: memampatkan imej, menggunakan srcset untuk menyesuaikan diri dengan pelbagai peranti; 4. Meningkatkan semantik dan kebolehcapaian: Menyediakan teks alt yang bermakna, dan gunakan struktur angka dan figcaption untuk membantu memahami.
