masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Jadual Kandungan
Perkara Penting yang Perlu Diperhatikan untuk Tag bahagian
Atribut bahagian Html Tag
1. Atribut Khusus Tag
2. Atribut Global
3. Atribut Acara
Sifat Pemformatan Teks CSS dalam <bahagian> Tag
Sifat Fon CSS dalam <bahagian> Tag
CSS Test Shadow Property for <address> Tag
Examples of HTML section Tag
Example #5
Conclusion
Rumah hujung hadapan web html tutorial Tag bahagian HTML

Tag bahagian HTML

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Sep 04, 2024 pm 04:31 PM
html html5 HTML Tutorial HTML Properties HTML tags

Artikel berikut menyediakan garis besar bahagian HTML Tag. HTML tag mentakrifkan bahagian dokumen seperti pengepala, bab, pengaki, dsb. Bahagian tag membahagikan kandungan halaman web kepada bahagian & subbahagian. Ia biasanya digunakan apabila terdapat permintaan untuk dua pengaki, pengepala atau mana-mana bahagian baharu yang lain. Teg bahagian secara amnya mengumpulkan blok generik kandungan berkaitan. Kelebihan utama menggunakan

teg ialah ia merupakan elemen semantik yang menerangkan maksudnya kepada pembangun dan penyemak imbas.

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 ialah teg 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>
Salin selepas log masuk

CSS

section{
--your css code—
}
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

Output:

Tag bahagian HTML

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>
Salin selepas log masuk

Output:

Tag bahagian HTML

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 &copy;2020- EDUCBA.</section>
<address> A- 406, Boomerang, Chandivali Farm Road,
Yadav Nagar, Chandivali, Powai,
Maharashtra, Mumbai - 400072. </address>
</footer>
</body>
</html>
Salin selepas log masuk

Output:

Tag bahagian HTML

Example #4

Code:

<!DOCTYPE>
<html>
<head>
<style&gt
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>
Salin selepas log masuk

Output:

Tag bahagian HTML

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 the
tag 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>
Salin selepas log masuk

Output:

Tag bahagian HTML

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 ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Tunjukkan Lagi

Artikel Panas

<🎜>: Tumbuh Taman - Panduan Mutasi Lengkap
3 minggu yang lalu By DDD
<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Bagaimana untuk memperbaiki KB5055612 gagal dipasang di Windows 10?
3 minggu yang lalu By DDD
Nordhold: Sistem Fusion, dijelaskan
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Tutorial Java
1665
14
Tutorial CakePHP
1424
52
Tutorial Laravel
1321
25
Tutorial PHP
1269
29
Tutorial C#
1249
24
Tunjukkan Lagi
Related knowledge
Sempadan Jadual dalam HTML Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Pemegang Tempat Input HTML Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Bagaimana anda menghuraikan dan memproses HTML/XML dalam PHP? Feb 07, 2025 am 11:57 AM

Tutorial ini menunjukkan cara memproses dokumen XML dengan cekap menggunakan PHP. XML (bahasa markup extensible) adalah bahasa markup berasaskan teks yang serba boleh yang direka untuk pembacaan manusia dan parsing mesin. Ia biasanya digunakan untuk penyimpanan data

Senarai Tertib HTML Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Butang onclick HTML Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

See all articles