html5 teg asas (html5 teg video html5 penggunaan teg baharu)_html5 kemahiran tutorial

1. Perubahan dalam pengisytiharan

2. Nyatakan perubahan pengekodan aksara, adalah disyorkan untuk menggunakan utf-8

dalam html5

3. 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. Sebelum ini, teks nilai atribut perlu mempunyai petikan berganda, tetapi kini boleh diabaikan

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.

Salin kod

Kod tersebut adalah seperti berikut:

19. Audio elemen baharu: mentakrifkan audio.

Salin kod

Kod adalah seperti berikut:

20. Benam elemen baharu: Masukkan pelbagai media, formatnya boleh midi, wav, aiff, au, mp3, dsb.

21

Salin kod

Kodnya adalah seperti berikut:

< lebar objek= "320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6 ,0, 40,0"> name="src" value=""borse.wav"/" />

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.

Salin kod

Kod tersebut adalah seperti berikut:

24 Elemen baharu Masa: mewakili tarikh dan masa.

Salin kod

Kodnya adalah seperti berikut:

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

Salin kod

Kod tersebut adalah seperti berikut:

30 Arahan elemen baharu: mewakili butang arahan. Seperti: butang radio, kotak semak, butang.

Salin kod

Kodnya adalah seperti berikut:

Tiada

dalam html4

31 Butiran elemen baharu: Menunjukkan maklumat terperinci yang diperlukan dan boleh diperolehi oleh pengguna. Boleh digunakan bersama dengan ringkasan. Ringkasan menyediakan tajuk atau legenda.

Salin kod

Kodnya adalah seperti berikut:

summary>html5< ;/summary>ini ji a ddddd,anda kdkdkdk tentang html5

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 H4

36 Menu elemen baharu: mewakili senarai menu.

Salin kod

Kodnya adalah seperti berikut:

< li>< ;/li>

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.

Salin kod

Kod tersebut adalah seperti berikut:

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:

Salin kod

Kod adalah seperti berikut:

Berikut ialah penerangan tentang imej Maklumat

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:

Salin kod

Kod adalah seperti berikut :

HTML 5

CSS

;li>JavaScript