Rumah >hujung hadapan web >Tutorial H5 >html5 teg asas (html5 teg video html5 penggunaan teg baharu)_html5 kemahiran tutorial
html5 teg asas (html5 teg video html5 penggunaan teg baharu)_html5 kemahiran tutorial
- WBOYasal
- 2016-05-16 15:48:252234semak imbas
1. Perubahan dalam pengisytiharan
2. Nyatakan perubahan pengekodan aksara, adalah disyorkan untuk menggunakan utf-8
dalam html53. Html5 membenarkan
tanpa penamat, yang bukan ralat
4. Teg tamat tidak dibenarkan ditulis: area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr
5. Elemen yang boleh menghilangkan teg akhir ialah: li, dt, dd, p, rt, rp, optgroup, option, colgroup, thead, tbody, tfoot, tr, td, th
6. Elemen yang boleh menghilangkan semua teg ialah: html, kepala, badan, kumpulan kol, tbody
7.
8. Lihat contoh penanda html5
9. Bahagian elemen struktur baharu: elemen bekas. Bab, pengepala dan pengaki boleh digunakan dalam kombinasi dengan h1, h2... untuk menunjukkan struktur dokumen. Juga boleh digunakan untuk merangkum kandungan tajuk, tetapi tiada tajuk yang tidak sesuai. Apabila elemen kontena perlu digayakan secara langsung atau diskrip untuk mentakrifkan tingkah laku, adalah disyorkan untuk menggunakan div dan bukannya seksyen. Fungsi: Bahagikan kandungan halaman kepada beberapa bahagian. Tidak boleh dikelirukan dengan elemen artikel, yang mempunyai kandungannya yang lengkap dan bebas. Ringkasan: ① Jangan gunakan elemen bahagian sebagai bekas halaman untuk menetapkan gaya, itu adalah tugas elemen div. ② Jika elemen artikel, elemen tepi, atau elemen nav lebih sesuai untuk digunakan, jangan gunakan elemen bahagian. ③Jangan gunakan elemen bahagian untuk blok kandungan tanpa tajuk.
10. Artikel elemen struktur baharu: elemen peringkat blok. Mewakili sekeping kandungan bebas pada halaman yang tidak berkaitan secara kontekstual. Tekankan kebebasan, bahagian menekankan segmentasi atau chunking, dan artikel menekankan kebebasan.
11. Elemen struktur baharu diketepikan: elemen peringkat blok. Mewakili kedudukan kandungan unsur artikel dan kandungan tambahan yang berkaitan dengan kandungan unsur artikel.
12. Elemen struktur baharu Tajuk: elemen peringkat blok. Tajuk keseluruhan halaman. Mesti ada sekurang-kurangnya satu tajuk (h1-h6) atau elemen hgroup atau elemen nav dalam Pengepala.
13. Elemen struktur baharu hgroup: elemen peringkat blok. Digunakan untuk menggabungkan tajuk untuk keseluruhan halaman atau blok kandungan dalam halaman. Jika terdapat hanya satu tajuk utama, hgroup tidak diperlukan.
14. Pengaki elemen struktur baharu: elemen peringkat blok. Pengaki untuk blok kandungan.
15. Alamat elemen struktur baharu: elemen sebaris. Bentangkan maklumat hubungan dokumen, termasuk: pengarang, e-mel, dsb.
16. Nav elemen struktur baharu: elemen peringkat blok. Pautan navigasi. Navigasi tradisional, navigasi bar sisi, navigasi dalam halaman dan navigasi membelok halaman. Jangan gunakan menu dan bukannya nav dalam H5 Elemen menu ialah satu siri menu yang mengeluarkan arahan. Lebih tepat lagi, ia digunakan dalam aplikasi web.
17. Rajah elemen struktur baharu: elemen peringkat blok. Sekeping kandungan strim bebas secara amnya mewakili unit bebas kandungan aliran subjek dokumen. Gunakan elemen figcaption untuk menambah kapsyen pada sekumpulan elemen angka.
18. Video elemen baharu: mentakrifkan video.
19. Audio elemen baharu: mentakrifkan audio.
20. Benam elemen baharu: Masukkan pelbagai media, formatnya boleh midi, wav, aiff, au, mp3, dsb.
21
< lebar objek= "320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
22. Tanda elemen baharu: teks yang diserlahkan atau diserlahkan. Agak serupa dengan span
23 Kemajuan elemen baharu: mewakili proses berjalan dan memaparkan proses fungsi yang memakan masa dalam JavaScript.
24 Elemen baharu Masa: mewakili tarikh dan masa.
Span
digunakan dalam H4 25. Elemen delima baharu: mewakili ulasan delima. Han han, yang tidak tersedia dalam h4
26 Elemen baharu rt: mewakili tafsiran atau sebutan aksara
27. Elemen baharu rp: digunakan dalam ruby untuk menentukan kandungan yang dipaparkan oleh pelayar yang tidak menyokong elemen ruby .
28 Elemen baharu wbr: mewakili pemisah garisan lembut. Perbezaan dengan br ialah br bermakna pemisah baris mesti dilakukan di sini manakala wbr bermaksud apabila lebar pelayar atau elemen induk cukup lebar, tiada pembungkusan baris akan dilakukan Jika lebarnya tidak mencukupi baris akan dibalut secara automatik di sini. Wbr sangat berguna untuk bahasa berasaskan aksara, tetapi ia nampaknya tidak banyak memberi kesan kepada bahasa Cina. Tidak tersedia dalam H4.
29 Elemen baharu Kanvas: mewakili grafik. Seperti: carta, imej. Tetapi: elemen itu sendiri tidak mempunyai tingkah laku. Hanya kanvas disediakan dan API lukisan dipaparkan kepada JavaScript pelanggan, supaya skrip boleh melukis lukisan pada kanvas ini.
30 Arahan elemen baharu: mewakili butang arahan. Seperti: butang radio, kotak semak, butang.
Tiada
dalam html431 Butiran elemen baharu: Menunjukkan maklumat terperinci yang diperlukan dan boleh diperolehi oleh pengguna. Boleh digunakan bersama dengan ringkasan. Ringkasan menyediakan tajuk atau legenda.
32. Elemen data grid baharu: mewakili senarai data grid . Paparkan dalam senarai pokok
33 Keygen elemen baharu: menunjukkan kunci penjanaan
34 Output elemen baharu: mewakili jenis output yang berbeza. Seperti skrip
35. Sumber elemen baharu: elemen media. Tentukan aset media. Gunakan param
dalam H436 Menu elemen baharu: mewakili senarai menu.
Penggunaan menu dalam h4 tidak digalakkan.
37. E-mel jenis elemen input baharu: menunjukkan kotak input teks di mana e-mel mesti dimasukkan.
38. Url jenis elemen input baharu: menunjukkan bahawa alamat url mesti dimasukkan
39. Nombor jenis elemen input baharu: menunjukkan bahawa nilai berangka mesti dimasukkan.
40 Julat jenis elemen input baharu: menunjukkan bahawa nilai angka dalam julat tertentu mesti dimasukkan
41. Pemilih tarikh jenis elemen input baharu: Terdapat berbilang kotak teks input baharu dalam h5 yang boleh memilih tarikh dan masa.
Tarikh----- -------Pilih hari, bulan, tahun
Bulan-----------Pilih bulan, tahun
Minggu------------ Pilih minggu dan Tahun
Masa-------------Pilih masa (jam dan minit)
Tarikh-------Pilih masa, hari, bulan, tahun (waktu utc )
Datetime-local—Pilih masa, hari, bulan, tahun (waktu tempatan)
44.
1) Hapuskan elemen: Elemen yang hanya disokong oleh sesetengah penyemak imbas: applet, bgsound (hanya disokong oleh IE), blink, marquee dan elemen lain. bgsound (hanya disokong oleh ie), marquee (hanya disokong oleh ie), jadi ia dimansuhkan dalam h5. applet—boleh digantikan dengan benam atau objek. Bgsound—boleh digantikan dengan audio. Marquee boleh digantikan dengan pengaturcaraan js.
2) Definisi Manual Tag: Digunakan untuk menggabungkan elemen. Panduan Penggunaan: Selalunya digunakan untuk gabungan gambar dan penerangan gambar:
3) Label penjelasan manual: Tentukan senarai menu. Gunakan label ini apabila anda ingin menyenaraikan kawalan borang. Panduan Penggunaan: Digunakan dalam blok menu untuk menentukan senarai menu atau pilihan menu: