Adakah semantik ciri baharu HTML5?

Semantik ialah ciri baharu HTML5. Fungsinya ialah: 1. Membolehkan halaman membentangkan struktur kandungan dan kod yang lebih baik; perangkak dan mesin pelayan boleh menghuraikan dengan lebih baik 5. Memudahkan pembangunan dan penyelenggaraan pasukan.

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

1. Apakah semantik HTML?

Pada asasnya ia berkisar pada beberapa tag utama, seperti tajuk (H1~H6), senarai (li), penekanan (strong em), dll.>

Menurut Penstrukturan kandungan (semantik kandungan) dan pemilihan teg yang sesuai (semantik kod) memudahkan pembangun membaca dan menulis kod yang lebih elegan sambil menjadikan perangkak dan mesin pelayar lebih baik Analisis tanah .

2. Mengapa semantik? Apa gunanya?

• Agar halaman itu memaparkan struktur kandungan dan struktur kod yang baik tanpa CSS: Untuk kelihatan bagus apabila berlari telanjang;

• Tingkatkan pengalaman pengguna: Contohnya, tajuk dan alt digunakan untuk menerangkan kata nama atau menerangkan maklumat gambar, dan penggunaan tag label; >Kondusif untuk

  SEO
: Mewujudkan komunikasi yang baik dengan enjin carian membantu perangkak merangkak maklumat yang lebih berkesan: perangkak bergantung pada teg untuk menentukan konteks dan berat setiap kata kunci

• Kemudahan untuk peranti lain

  menghuraikan
(seperti pembaca skrin, pembaca buta, peranti mudah alih) dan memaparkan halaman web dengan cara yang bermakna; lebih mudah bagi pasukan untuk
• membangunkan dan mengekalkan

  , dan semantik lebih mudah dibaca. Ia merupakan arah aliran penting dalam langkah seterusnya halaman web Pasukan yang mengikut piawaian W3C semuanya mengikut piawaian ini, yang boleh mengurangkan pembezaan.

• 3. Apakah yang perlu anda perhatikan semasa menulis kod HTML?

Gunakan tag tidak semantik p dan rentang sesedikit mungkin; p, cuba gunakan p, kerana p mempunyai jarak atas dan bawah secara lalai, yang bermanfaat untuk keserasian dengan terminal khas; fon, u, dsb. , gunakan tetapan css sebaliknya.

Teks yang perlu dititikberatkan boleh disertakan dalam teg kuat atau em (gaya lalai penyemak imbas, jika anda boleh menentukannya dengan CSS, anda tidak memerlukannya Teg lalai). gaya kuat adalah tebal (jangan gunakan b), em dalam huruf condong (tanpa i); badan untuk bahagian utama, dan kaki untuk ekor. Pengepala jadual harus dibezakan daripada sel biasa Gunakan th untuk pengepala jadual dan td untuk sel; tujuan borang;

• Teks penerangan yang sepadan dengan setiap label input perlu menggunakan label label, dan dengan menetapkan atribut id untuk input dan tetapan untuk=someld dalam label label, teks perihalan dan input yang sepadan Relate.

• 4. Apakah teg semantik baharu yang ditambahkan pada HTML5, sila huraikannya secara terperinci.

• 1),

Tentukan bahagian dan perenggan bahagian utama dokumen.

• 2),

Teg bahagian khas dengan semantik yang lebih jelas daripada bahagian. Tentukan blok kandungan bebas dan lengkap dari luar, seperti artikel forum atau teks blog. . .

• 3),

Digunakan untuk memuatkan kandungan bukan teks dalam halaman, bebas daripada modul lain. Contohnya, iklan, kumpulan pautan, bar sisi. . .

• 4),

Takrifkan pengepala dokumen dan halaman. Biasanya ia adalah beberapa maklumat panduan dan navigasi, yang tidak terhad kepada keseluruhan pengepala halaman, tetapi juga boleh digunakan dalam kandungan.

• 5),

Mentakrifkan pengaki dokumen dan halaman, serupa dengan pengepala.

6)、

Mentakrifkan bahagian navigasi yang terdiri daripada kumpulan pautan, pautan yang boleh memaut ke halaman web lain atau bahagian lain halaman semasa.

7),

Digunakan untuk menggabungkan elemen tajuk (h1~h6) halaman web atau bahagian.

8),

Digunakan untuk menggabungkan unsur.

9),

Tambahkan tajuk pada elemen angka. Biasanya diletakkan pada elemen anak pertama atau yang terakhir pada rajah.

10),

Tentukan butiran elemen, pengguna boleh mengklik untuk melihat atau menyembunyikannya.

11),

Digunakan bersama dengan butiran untuk memasukkan tajuk butiran.

12),

Digunakan untuk lukisan kanvas.

13),

Tentukan video.

14),

Takrifkan audio.

15),

Tentukan kandungan halaman web terbenam. Seperti pemalam.

16),

Teg ini mentakrifkan elemen media untuk elemen media (seperti video, audio).

17),

Takrifkan senarai data pilihan, digunakan bersama dengan input () boleh membuat senarai juntai bawah nilai input.

18),

Tunjukkan teks yang anda ingin serlahkan kepada pengguna secara visual. Sebagai contoh, kata kunci carian diserlahkan kepada pengguna dalam hasil carian.

19),

Berat dan sukatan, dinyatakan dalam warna merah, kuning dan hijau Julat nilai.

20),

Takrifkan jenis output yang berbeza, gayanya adalah sama dengan span.

21),

Bar kemajuan, menjalankan kemajuan.

22),

Tentukan tarikh atau masa.

23),

Tentukan kandungan yang disulitkan.

24),

Takrifkan kelakuan arahan.

Cadangan berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Adakah semantik ciri baharu HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!