Artikel ini terutama memperkenalkan informasi yang relevan tentang perbedaan antara HTML5 dan HTML tradisional, yang merupakan catatan studi HTML5. Teman yang membutuhkannya dapat merujuk pada yang berikutnya. Perubahan sintaks HTML5
Perubahan yang disebutkan dalam titik pengetahuan ini merujuk pada perubahan yang ditentukan pada HTML4, terutama sebagai berikut:
1. Karakter ekstensi file (.html atau .htm) html5 tetap tidak berubah dari jenis konten (teks/html).
2. Di HTML5, jika Anda sengaja tidak menggunakan Deklarasi Versi, dokumen akan berlaku untuk semua versi HTML.
3. Mulai dari HTML5, disarankan untuk menggunakan UTF-8 untuk pengkodean karakter file.
4. HTML5 memastikan kompatibilitas maksimum dengan versi HTML sebelumnya.
Untuk memastikan kompatibilitas, kita perlu memulai dengan elemen. Di HTML5, tag elemen dapat dihilangkan. Dalam hal sifatnya, tanda elemen dibagi menjadi tiga jenis: tidak diizinkan untuk menulis tanda akhir, tanda akhir dapat dihilangkan, dan tanda awal dan tanda akhir dapat dihilangkan.
• Elemen yang tidak diizinkan untuk menulis tanda akhir adalah: Area, Base, BR, Col ......
• Tag Akhir: Li, DT, DD, P, RT ...
• Tanda awal dan tanda akhir dapat dihilangkan: html, kepala, tubuh ...
2. Elemen Struktural Baru• Elemen bagian mewakili blok konten di halaman, seperti bab, header, footer, atau bagian lain dari halaman;
• Elemen artikel mewakili sepotong konten independen di halaman yang tidak terkait dengan konteks, seperti artikel di blog atau artikel di surat kabar;
• elemen samping mewakili informasi tambahan yang terkait dengan konten elemen artikel di luar konten elemen artikel;
• Elemen header mewakili judul blok konten atau seluruh halaman di halaman;
• Elemen HGroup digunakan untuk menggabungkan judul seluruh halaman atau blok konten di halaman;
• Elemen footer mewakili catatan kaki ke seluruh halaman atau blok konten di halaman. Secara umum, itu akan berisi nama pencipta, tanggal penciptaan, dan informasi kontak pencipta;
• Elemen NAV merupakan bagian dari tautan navigasi di halaman;
• Elemen gambar mewakili bagian independen dari konten aliran, umumnya mewakili unit independen dalam konten aliran badan dokumen. Gunakan elemen FigCaption untuk menambahkan judul ke grup elemen gambar.
2. Elemen baru lainnya• Elemen audio mendefinisikan audio, seperti musik atau aliran audio lainnya;
• Elemen sematan digunakan untuk menyisipkan berbagai multimedia, dan formatnya dapat MIDI, WAV, AU, MP3, dll.;
• Elemen tanda harus digunakan untuk menyajikan teks secara visual yang perlu disorot atau disorot kepada pengguna. Aplikasi yang khas adalah menyoroti kata kunci pencarian kepada pengguna dalam hasil pencarian;
• Elemen kemajuan mewakili proses berjalan
• Elemen ruby mewakili anotasi ruby (pengucapan atau karakter Cina)
• Elemen RT mewakili interpretasi atau pengucapan karakter (pengucapan atau karakter Cina)
• Elemen RP digunakan dalam komentar ruby untuk menentukan apa yang ditampilkan di browser yang tidak mendukung elemen ruby.
• Elemen WBR mewakili istirahat garis lunak, dan ketika lebar tidak cukup, aktif melakukan istirahat garis di sini.
• Elemen kanvas mewakili grafik, seperti grafik dan gambar lainnya
• Elemen Cammand mewakili tombol perintah, seperti tombol radio, kotak centang, atau tombol
• Elemen detail mewakili detail yang diminta dan dapat diperoleh pengguna.
• Elemen datagrid mewakili daftar data opsional, yang ditampilkan dalam bentuk daftar pohon
• Elemen Keygen menunjukkan pembuatan kunci
• Elemen output mewakili berbagai jenis output, seperti output skrip
• Elemen Sumber mendefinisikan sumber daya media untuk elemen media (seperti <Video> dan <Audio>)
• Elemen menu mewakili daftar menu
3. Elemen Input Baru• Jenis email menunjukkan kotak input teks di mana alamat e-main harus dimasukkan
• Jenis URL menunjukkan kotak input teks yang harus dimasukkan dalam alamat URL
• Jenis nomor menunjukkan kotak input teks yang harus dimasukkan
• Jenis rentang menunjukkan bahwa kotak input teks yang harus dimasukkan dalam rentang nilai numerik tertentu.
HTML5 memiliki beberapa kotak teks input baru untuk memilih tanggal dan waktu:
• Tanggal -Pilih Hari, Bulan, dan Tahun
• Bulan - Pilih Bulan dan Tahun
• Minggu - Pilih Minggu dan Tahun
• Waktu - Pilih Waktu (Jam dan Menit)
• Datetime - Pilih Waktu, Hari, Bulan, Tahun (Waktu UTC)
• Datetime.local -Tekan waktu, hari, bulan, tahun (waktu setempat)
3. Hapus elemen1. Elemen yang dapat diganti dengan CSS
• Untuk elemen -elemen seperti Basefont, Big, Center, Font, S, Strike, TT, dan U, karena fungsinya murni digunakan untuk menampilkan layar, dan HTML5 menganjurkan pengeditan yang disatukan dari fungsi layar layar dalam lembaran gaya CSS, sehingga elemen -elemen ini diapur.
2. Tidak lagi menggunakan bingkai bingkai• Untuk elemen frameset, elemen bingkai dan elemen noframes, karena kerangka bingkai memiliki dampak negatif pada ketersediaan halaman web, kerangka bingkai tidak lagi didukung dalam HTML5, dan hanya kerangka kerja iframe yang didukung, atau bentuk halaman komposit yang terdiri dari berbagai halaman yang dibuat oleh server yang dilapisi pada waktu yang sama.
3. Hanya beberapa elemen yang didukung oleh browser• Untuk applet, bgsound, blink, tenda, dan elemen lainnya, karena hanya beberapa browser yang mendukung elemen -elemen ini, terutama elemen BGSound dan tenda, yang hanya didukung oleh penjelajah internet, elemen yang dapat diganti dengan elemen dan elemen by. Metode pemrograman
4. Elemen dihapuskan lainnya:• Hapus elemen RB dan gunakan elemen ruby untuk menggantinya
• Hapus elemen akronim dan gunakan elemen ABBR untuk menggantinya
• Hapus elemen DIR dan gunakan elemen UL untuk menggantinya
• Hapus elemen isIndex dan ganti dengan elemen bentuk dan elemen input.
• Menghapuskan elemen daftar dan menggunakan elemen pra untuk menggantinya
• Hapus elemen XMP dan gunakan elemen kode untuk menggantinya
• Hapus elemen NextId dan gunakan GUID sebagai gantinya
• Menghapus elemen plaintext dan menggunakan tipe teks/plian mime untuk menggantikan
4. Menambahkan atribut dan penghapusan atribut1. Menambahkan atribut
1. Atribut terkait formulir
• Atribut Autofocus yang ditambahkan, yang memungkinkan elemen untuk secara otomatis mendapatkan fokus ketika layar dibuka dengan menentukan atribut;
• Menambahkan atribut placeholder, yang akan meminta input pengguna, mendorong pengguna untuk apa yang dapat ia masukkan;
• Tambahkan atribut formulir baru, nyatakan formulir mana yang menjadi miliknya, dan kemudian letakkan di mana saja di halaman, bukan di dalam formulir;
• Menambahkan atribut yang diperlukan, yang berarti bahwa pengguna akan memeriksa saat mengirimkannya. Anda harus memiliki konten input di elemen saat memeriksa;
2. Atribut terkait tautan• Tambahkan atribut media, yang menentukan mengapa URL target dioptimalkan oleh media/perangkat tipe dan hanya dapat digunakan ketika atribut HREF ada;
• Tambahkan atribut hreflang dan atribut rel untuk mempertahankan konsistensi dengan elemen dan elemen tautan;
3. Atribut lainnya• Atribut Pendeta, yang menentukan daftar yang akan ditampilkan dalam urutan terbalik;
• Tambahkan atribut async ke elemen skrip, yang menentukan apakah skrip dieksekusi secara tidak sinkron;
2. Atribut Hapus• Semua atribut yang dapat diganti dengan lembaran gaya CSS dihapuskan;
• Atribut berlebihan, seperti: target, profil, versi, dll., Dihapuskan;
5. Atribut GlobalDi HTML5, konsep baru '' atribut global ditambahkan. Atribut global yang disebut mengacu pada atribut yang dapat digunakan pada elemen apa pun.
1. Properti yang dapat diedit• Properti ini memungkinkan pengguna untuk mengedit konten dalam elemen, dapat memperoleh fokus mouse, properti adalah nilai boolean, dapat ditentukan sebagai benar atau salah. Selain itu, properti ini juga memiliki status warisan tersembunyi. Saat benar, pengeditan diperbolehkan. Saat salah, pengeditan tidak diperbolehkan. Ketika tidak ditentukan, warisan akan memutuskan.
2. Properti DesignMode• Properti ini digunakan untuk menentukan apakah seluruh halaman dapat diedit. Ada dua atribut hidup dan mati. Ketika properti menyala, itu dapat diedit, tetapi ketika mati, itu tidak dapat diedit.
3. Atribut Tersembunyi• Semua elemen memungkinkan atribut tersembunyi, yang mirip dengan elemen tersembunyi di elemen input. Fungsinya adalah memberi tahu browser untuk tidak membuat elemen, sehingga elemen tidak terlihat. Nilai properti ini adalah nilai boolean. Ketika benar, itu tidak terlihat, dan ketika salah, itu terlihat.
4. Atribut Spellcheck• Properti ini adalah properti baru yang disediakan oleh HTML 5 untuk elemen input (Type = Text) dan TextArea, yang terutama melakukan pemeriksaan ejaan dan tata bahasa pada konten input pengguna. Nilai atribut adalah nilai boolean. Saat menulis, Anda harus dengan jelas menyatakan bahwa nilai atribut itu benar atau salah. Metode penulisan adalah sebagai berikut:
<! - Dua metode penulisan berikut ini benar—> <textarea ejaan = true> <input type = text spellcheck = false> <! - dua metode penulisan berikut salah—> <textarea spellcheck>
Penjelasan terperinci tentang atribut bentukDalam HTML4, elemen bawahan dalam bentuk harus ditulis di dalam formulir, tetapi dalam HTML5, mereka dapat ditulis di mana saja pada halaman, dan kemudian atribut formulir diberikan ke elemen, dan nilai atribut adalah ID dari unit bentuk, sehingga elemen dapat dinyatakan sebagai bawahan ke bentuk yang ditentukan.
Salin kode