Fitur-fitur baru HTML5 yang dikumpulkan dan diringkas pada dasarnya dapat digunakan kecuali untuk IE9 dan di bawahnya.
Sintaks HTML5Sebagian besar perbedaan tata bahasa html dilanjutkan: <!DOCTYPE html> di awal
<html lang=zh-CN><meta charset=utf-8>
Pengkodean karakter menjadi ringkas,
Tidak peka huruf besar-kecil,
Menambahkan nilai boolean, mirip dengan dicentang dan dipilih
Tanda kutip dapat dihilangkan, namun menurut standar pengkodean, hal ini tidak disarankan.
Ada tag yang dapat menghilangkan karakter akhir, dan tag yang dapat dihilangkan sepenuhnya.
Tambahkan tag: 1. Tag struktur(1) Bagian: blok konten independen, yang dapat terdiri dari h1~h6 untuk mewakili struktur dokumen. Dapat juga memiliki bab, header, footer, atau bagian lain dari header; (2) artikel: blok independen khusus, yang mewakili Konten inti pada header artikel ini; (3) selain: konten tag berkaitan dengan konten tag informasi tambahan; (4) header: informasi header/judul blok tertentu; (5) hgroup: konten tambahan informasi header/judul; (6) footer: informasi bawah; gambar: unit independen, seperti blok berita dengan gambar dan konten.
2. Tag formulir(1) email: email harus dimasukkan; (2) url: alamat url harus dimasukkan; (3) nomor: nilai numerik harus dimasukkan; (4) rentang: nilai numerik dalam rentang tertentu harus dimasukkan ; (5) Pemilih Tanggal: pemilih tanggal;
a.date: Pilih hari, bulan, tahun b.month: Pilih bulan, tahun c.week: Pilih minggu dan tahun d.time: Pilih waktu (jam dan menit) e.datetime: Pilih waktu, hari, bulan, tahun ( Waktu UTC) f.datetime-local: Pilih waktu, hari, bulan, tahun (waktu setempat)
(6) Pencarian: Cari bidang teks biasa;
(7) warna: warna
3. Tag media(1) video: video (2) audio: audio (3) sematkan: konten tersemat (termasuk berbagai media), Midi, Wav, AU, MP3, Flash, AIFF, dll.
4. Label fungsi lainnya(1) tandai: tandai (seperti penyorot untuk mencatat) (2) kemajuan: bilah kemajuan; <progress max=nilai bilah kemajuan maksimum value=nilai bilah kemajuan saat ini> (3) waktu: label data, digunakan oleh mesin pencari ; Tanggal rilis <time datetime=25-12-2014T09:00>9:00</time> Tanggal pembaruan <time datetime=2015- 23-01T04:00 pubdate>4:00</time> (4) ruby dan rt: mengomentari kata tertentu; <ruby><rt>komentar konten</rt><rp>Cara menampilkannya ketika browser tidak mendukungnya< /rp>< /ruby> (5) wbr: jeda baris lembut, jeda baris ketika lebar halaman mencapai jeda baris yang diperlukan; (6) kanvas: gunakan kode JS untuk membuat konten gambar gambar; (8) detail : Perluas menu; (9) dateilst: prompt tarik-turun bidang teks; (10) keygen: enkripsi;
Properti baru:Atribut ditambahkan ke js.
<skrip penangguhan src=.....js onload=alert('a')></script><skrip async src=.....js onload=alert('b')></script>Jika kedua atribut di atas tidak ada, maka perintah eksekusinya adalah memuat (mengunduh) src pertama terlebih dahulu, lalu mengeksekusi onload-nya, lalu mengeksekusinya secara serempak ke bawah. Atribut defer sudah ada sebelum h5, dan input penundaan pemuatan (eksekusi tertunda) , pertama-tama ia akan memuat (mengunduh) src konten file, lalu tunggu hingga halaman dimuat sepenuhnya, lalu muat atribut js.async di onload, yang merupakan pemuatan asinkron. Ini akan menjalankan onload segera setelah memuat src, dan akan terus memuat halaman dalam urutan eksekusi di atas. Tampilan peringatan akan menampilkan b terlebih dahulu, kemudian menampilkan a
Tambahkan kode gaya ikon kecil ke label di halaman web
<link rel=icon href=url... type=nama gambar ukuran=16*16>
Daftar yang diurutkan ol: Menambahkan awal (nilai awal daftar), atribut tipe menu terbalik (apakah terbalik) (3 tipe menu) gaya css tertanam: tentukan blok gaya (cakupan) di dalam tag, hanya untuk Bingkai sebaris hanya valid di dalam tag gaya: elemen iframe, mulus, tanpa batas, dan tanpa batas ditambahkan, dan srcdoc mendefinisikan konten bingkai sebaris.
<iframe>Atribut baru: <!--seamless mendefinisikan bingkai tanpa batas dan margin--><!--srcdoc memiliki tingkat tampilan lebih tinggi daripada sandbox--><!--sandbox digunakan untuk menentukan tingkat keamanan suatu bingkai sebaris --><!--sandbox=allow-forms:Izinkan pengiriman Formulir --><!--sandbox=allow-origin: Izinkan sama asal --><!--sandbox=allow-scripts: Izinkan eksekusi skrip --><!--sandbox=allow-top-navigation : Izinkan halaman eksternal untuk melompat -->
atribut manifes:
Tentukan file aplikasi offline yang diperlukan untuk halaman tersebut, biasanya ditempatkan di tag <html>
atribut rangkaian karakter:
Salah satu atribut meta, yang menentukan kumpulan karakter halaman
atribut ukuran:
<link>Atribut baru digunakan untuk menyetel ukuran ikon saat rel=icon tautan.
atribut dasar:
<base href=http://localhost/ target=_blank> berarti ketika halaman dibuka di jendela baru, konten di href akan ditambahkan sebagai awalan ke alamat.
atribut tunda:
Atribut tag skrip menunjukkan bahwa setelah skrip dimuat, skrip hanya akan dieksekusi ketika halaman juga dimuat (eksekusi tertunda)
atribut asinkron:
Atribut tag skrip akan dieksekusi segera setelah skrip dimuat (browser akan mengurai konten berikut selama proses berjalan), meskipun halaman belum dimuat (eksekusi asinkron)
atribut media:
Atribut elemen <a>: menunjukkan perangkat mana yang dioptimalkan
atribut hreflang:
Atribut <a> menunjukkan bahasa yang digunakan oleh URL yang ditunjuk oleh hyperlink.
atribut referensi:
Atribut <a> menentukan apakah hyperlink merupakan link eksternal
atribut terbalik:
Atribut <ol>, menentukan apakah nomor serinya adalah kilas balik
atribut awal:
Atribut <ol> menentukan nilai awal nomor urut
atribut cakupan:
Atribut gaya CSS tertanam. Definisi gaya ini terbatas pada elemen dengan gaya tertanam. Sangat cocok untuk pengembangan satu halaman.
Atribut global HTML5: dapat digunakan untuk tag apa pun, berikut 6
data-nilai Anda, tersembunyi, Spenllecheck, tabindex, dapat diedit, desginMode;
Properti global:
1. Dapat dimasukkan langsung ke dalam tag: nama atribut data-custom; tersembunyi (letakkan langsung untuk menyembunyikannya); , klik konten yang akan diubah); 2. Masukkan window.document.designMode = 'on' dalam JavaScript (properti global JavaScript, teks seluruh halaman dapat diedit);
Meringkaskan
Di atas adalah ringkasan tag dan atribut HTML5 baru yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan kepada saya dan editor akan membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!