HTML5 Fitur Baru Label Semantik

Penulis：Eve Cole Waktu Pembaruan：2025-03-15 23:16:01

Fitur baru HTML5

Doctype Sederhana:

HTML5 hanya memiliki satu jenis dokumen sederhana ：<!DOCTYPE html>

Jenis pengkodean sederhana dan mudah -untuk

Anda sekarang dapat menggunakan charset di tag meta: <meta charset=utf-8″ />

Tidak ada tipe yang diperlukan untuk skrip dan tautan

 <tautan rel = stylesheet href = path/to/stylesheet.css/> <script src = path/to/script.js> </script>

Lebih banyak label baru semantik

Misalnya :: <cartsticle>, <section>, <sandak>, <hgroup>, <Header>, <footer>, <av nav>, <lime>, <mark>, <figcaption>, dll.

Video dan audio

 <Lebar Video = 640 Tinggi = 320 Preload = Poster Otomatis = 0.JPG ControlS> <Source Src = Movie.ogg Type = Video /Ogg /> <Source Src = Movie.mp4 Type = V IDEO /MP4 /> Browser Anda tidak mendukung tag video

Bentuk peningkatan

新的 Input 类型： Warna, Email, Tanggal, Bulan, Minggu, Waktu, Datetime, Datetime-Local, Number, Range, Search, Tel, 和 URL

Atribut Baru: Diperlukan, Autofokus, Pola, Daftar, Autocomplete dan Placeholder

Elemen Baru: <KeyGen>, <Datalist>, <Output>, <heter> dan <progress>

Tag kanvas menggambar grafik 2D.

 var canvas. Document.getElementById ('Canvas'); ;

Akuisisi Geografis

Semantikisasi html

1. Apa itu semantikisasi html?

Semantik konten dinilai berdasarkan label, seperti menilai konten dari konten berdasarkan label H1, dan konten penilaian <p> adalah paragraf, tag <sutput> adalah kotak input.

2. Mengapa semantik?

1).

2).

3).

4).

3. Bagaimana menentukan apakah label Anda bagus?

Hapus gayanya, lihat apakah struktur web diatur dengan baik dan tertib, dan apakah itu masih dibaca dengan baik.

4. Modul label semantik umum

Membentuk

 <Form Action = Method => <fieldset style = Border: None> <Legend Style = Display: None> Login </fegend> <p> <label for = name> d = name> </p> <p> <label untuk = pw> kata sandi: </label> <input type = kata sandi id = pw> </p> <input type = kirimkan nama = kelas login = subbtn> </fieldset> </form>

Domain bentuk harus dibungkus dalam tag Fieldset, dan menggunakan label legenda untuk menjelaskan tujuan formulir; Someld dalam label lable untuk membuat penjelasan penjelasan teks dan input yang sesuai dikaitkan.

5. Beberapa masalah yang harus diperhatikan pada label semantik

Gunakan sekecil mungkin label dan rentang sesedikit mungkin;

Ketika semantik tidak jelas, ketika Anda dapat menggunakan div atau p, cobalah untuk menggunakan p, karena p memiliki nada naik dan turun secara default, yang bermanfaat untuk kompatibel dengan terminal khusus;

Jangan gunakan tag gaya murni, seperti: b, font, u, dll., Gunakan pengaturan CSS.

Teks yang perlu ditekankan dapat dimasukkan dalam tag kuat atau em.

Meringkaskan

Di atas adalah label semantik dari karakteristik baru dari HTML5 yang diperkenalkan oleh Xiaobian. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!