Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >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
SEOKemudahan untuk peranti lain
menghuraikan, 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.
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.
1),
2),
3),
4),
5),
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!