


html5 teg asas (html5 teg video html5 penggunaan teg baharu)_html5 kemahiran tutorial
May 16, 2016 pm 03:48 PM1. 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="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.
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:

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Htm html5isbetTorcontrolandcustomizizationationy ,y, wyualyyyoutubeisbetterforeaseandperformance.1) html5allowsfortorStoreDusexperienceButrequireSManagingCodecSandcompatibility.2) youtubeofsssimplyVeBedwiPhileMsHiMsMarmanceMsHiMsHiMShipMarmanceShipeterPeterfambambangkangkangkangkangkangkik

InputType = "Range" digunakan untuk membuat kawalan slider, yang membolehkan pengguna memilih nilai dari julat yang telah ditetapkan. 1. Ia terutamanya sesuai untuk adegan di mana nilai perlu dipilih secara intuitif, seperti melaraskan jumlah, kecerahan atau sistem pemarkahan; 2. Struktur Asas termasuk Atribut Min, Max dan Langkah, yang menetapkan nilai minimum, nilai maksimum dan saiz langkah masing -masing; 3. Nilai ini boleh diperoleh dan digunakan dalam masa nyata melalui JavaScript untuk meningkatkan pengalaman interaktif; 4. Adalah disyorkan untuk memaparkan nilai semasa dan memberi perhatian kepada kebolehcapaian dan masalah keserasian pelayar apabila menggunakannya.

Cara untuk menambah fungsi seret dan drop ke laman web adalah menggunakan API Draganddrop HTML5, yang disokong secara asli tanpa perpustakaan tambahan. Langkah -langkah khusus adalah seperti berikut: 1. Tetapkan elemen draggable = "benar" untuk membolehkan seretan; 2. Dengarkan Dragstart, Dragover, Drop dan Dragend peristiwa; 3. Tetapkan data dalam Dragstart, menghalang tingkah laku lalai dalam Dragover, dan mengendalikan logik dalam penurunan. Di samping itu, pergerakan elemen dapat dicapai melalui appendchild dan muat naik fail dapat dicapai melalui e.datatransfer.files. Nota: PencegahanDefault mesti dipanggil

AnimatingsvgwithcssispossibleusingkeyframesforbasicicanimationsandTransisiSforinterActiveFt.1.use@keyframestodefineAnimationStageFropertiesLikescale, Opacity, andColor.2.AplyTheAnimationTosvgelements.

Elemen audio dan video dalam HTML dapat meningkatkan dinamik dan pengalaman pengguna laman web. 1. Menanam fail audio menggunakan unsur -unsur dan merealisasikan main balik automatik dan gelung muzik latar belakang melalui sifat autoplay dan gelung. 2. Gunakan elemen untuk membenamkan fail video, tetapkan lebar dan ketinggian dan kawalan sifat, dan menyediakan pelbagai format untuk memastikan keserasian penyemak imbas.

WebRTC adalah teknologi sumber terbuka percuma yang menyokong komunikasi masa nyata antara pelayar dan peranti. Ia menyedari penangkapan audio dan video, pengekodan dan penghantaran point-to-point melalui API terbina dalam, tanpa pemalam. Prinsip kerjanya termasuk: 1. Pelayar menangkap input audio dan video; 2. Data dikodkan dan dihantar terus ke pelayar lain melalui protokol keselamatan; 3. Pelayan isyarat membantu dalam sambungan awal tetapi tidak mengambil bahagian dalam penghantaran media; 4. Sambungan ditubuhkan untuk mencapai komunikasi langsung latensi rendah. Senario aplikasi utama adalah: 1. Persidangan video (seperti Googlemeet, Jitsi); 2. Perkhidmatan pelanggan/sembang video; 3. Permainan dalam talian dan aplikasi kerjasama; 4. IoT dan pemantauan masa nyata. Kelebihannya adalah keserasian silang platform, tidak diperlukan muat turun, penyulitan lalai dan latensi rendah, sesuai untuk komunikasi titik ke titik

Untuk mengesahkan sama ada penyemak imbas boleh memainkan format video tertentu, anda boleh mengikuti langkah -langkah berikut: 1. Semak dokumen rasmi pelayar atau laman web CANIUSE untuk memahami format yang disokong, seperti Chrome menyokong MP4, Webm, dan lain -lain, Safari terutamanya menyokong MP4; 2. Gunakan ujian tempatan HTML5 untuk memuatkan fail video untuk melihat sama ada ia boleh dimainkan secara normal; 3. Muat naik fail dengan alat dalam talian seperti VideJSTeChInsights atau BrowserStackLive untuk pengesanan silang platform. Apabila ujian, anda perlu memberi perhatian kepada kesan versi yang dikodkan, dan anda tidak boleh bergantung semata -mata pada nama akhiran fail untuk menilai keserasian.

Kunci untuk menggunakan RequestAnimationFrame () untuk mencapai animasi yang lancar di HTMLCanvas adalah untuk memahami mekanisme operasi dan bekerjasama dengan proses lukisan kanvas. 1. RequestAnimationFrame () adalah API yang direka untuk animasi oleh penyemak imbas. Ia boleh disegerakkan dengan kadar penyegaran skrin, elakkan ketinggalan atau lusuh, dan lebih cekap daripada setTimeout atau setInterval; 2. Infrastruktur animasi termasuk menyediakan unsur -unsur kanvas, mendapatkan konteks, dan menentukan fungsi gelung utama Animate (), di mana kanvas dibersihkan dan bingkai seterusnya diminta untuk redrawing berterusan; 3. Untuk mencapai kesan dinamik, pemboleh ubah keadaan, seperti koordinat bola kecil, dikemas kini dalam setiap bingkai, dengan itu membentuk
