HTML5 Studi Catatan: Perbedaan antara HTML5 dan HTML tradisional

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

• 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.

• 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

• 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)

• 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.

• 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.

• 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

• 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

• 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;

• 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;

• 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;

• Semua atribut yang dapat diganti dengan lembaran gaya CSS dihapuskan;

• Atribut berlebihan, seperti: target, profil, versi, dll., Dihapuskan;

Di HTML5, konsep baru '' atribut global ditambahkan. Atribut global yang disebut mengacu pada atribut yang dapat digunakan pada elemen apa pun.

• 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.

• 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.

• 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.

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

Dalam 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