Apakah ciri baharu biasa html5

(1) mengawal atribut menyediakan kawalan main balik, jeda dan kelantangan; (2) Masukkan teks gesaan untuk elemen (3) Membenarkan penggunaan berbilang elemen untuk memautkan fail audio yang berbeza, dan penyemak imbas menggunakan fail audio pertama yang disokong

(4) Menyokong tiga fail format audio: mp3, wax , ogg.

Elemen untuk memainkan fail video

(2) Elemen video menyediakan lebar dan ketinggian untuk mengawal saiz video. Jika ditetapkan, ia akan dikekalkan apabila halaman dimuatkan Jika tidak ditetapkan, ia tidak akan dikekalkan dan halaman tersebut akan berubah berdasarkan video asal.

HTML5 menggunakan kaedah getCurrentPosition() untuk mendapatkan lokasi pengguna, dan jarak lokasi boleh dikira berdasarkan ini.

Seret dan lepas ialah ciri biasa, iaitu merebut objek dan menyeretnya ke lokasi lain. Dalam HTML5, seret dan lepas adalah sebahagian daripada standard dan mana-mana elemen boleh diseret dan digugurkan. Proses drag-and-drop dibahagikan kepada objek sumber dan objek sasaran. Objek sumber merujuk kepada elemen yang akan anda seret dan objek sasaran merujuk kepada lokasi sasaran yang anda mahu letakkan selepas menyeret.

Peristiwa yang boleh dicetuskan oleh objek sumber seret dan lepas (yang mungkin dialihkan) - 3:

mula seret: seret mula seret: seret seret: seret tamat Keseluruhan proses penyeretan terdiri daripada: dragstart*1 + drag*n + dragend*1.

Peristiwa yang boleh dicetuskan oleh objek sasaran seret dan lepas (yang tidak akan bergerak) - 4:

dragenter: menyeret ke dalam dragover: menyeret dan melayang dragleave: menyeret Drop drop: lepaskan Keseluruhan proses penyeretan terdiri daripada 1: dragenter*1 + dragover*n + dragleave*1; *1.

Apabila melaksanakan skrip dalam halaman HTML, keadaan halaman tidak bertindak balas sehingga skrip selesai. Pekerja Web ialah JavaScript yang berjalan di latar belakang, bebas daripada skrip lain dan tidak menjejaskan prestasi halaman. Anda boleh terus melakukan apa sahaja yang anda mahu: klik, pilih kandungan, dsb., semasa Pekerja Web berjalan di latar belakang.

8. Storan Web

Storan Web ialah fungsi penting yang diperkenalkan oleh H5 untuk membantu menyelesaikan cache tempatan storan kuki. Terdahulu, storan tempatan menggunakan kuki. Tetapi storan Web perlu lebih selamat dan lebih pantas, dan Storan Web mempunyai kapasiti 5M dan kuki hanya 4k.

9. Soket Web

Protokol WebSocket menyediakan mekanisme komunikasi dupleks penuh antara klien aplikasi web dan pelayan. Dalam API WebSocket, penyemak imbas dan pelayan hanya perlu melakukan tindakan berjabat tangan, dan kemudian saluran pantas dibentuk antara penyemak imbas dan pelayan, dan data boleh dihantar terus antara keduanya. Penyemak imbas menghantar permintaan kepada pelayan untuk mewujudkan sambungan WebSocket melalui JavaScript Selepas sambungan diwujudkan, klien dan pelayan boleh terus bertukar data melalui sambungan TCP. Selepas anda mendapatkan sambungan Soket Web, anda boleh menghantar data ke pelayan melalui kaedah hantar() dan menerima data yang dikembalikan oleh pelayan melalui acara onmessage.

10. Lukisan SVG

SVG merujuk kepada grafik vektor boleh skala, iaitu bahasa yang menggunakan XML untuk menerangkan grafik 2D. Dalam SVG, setiap bentuk yang dilukis dianggap sebagai objek. Jika sifat objek SVG berubah, penyemak imbas boleh mengeluarkan semula grafik secara automatik.

Bacaan lanjutan

Apakah acara html5 biasa:

Acara html5 biasa ialah: 1. Acara umum; ; 3. Peristiwa yang berkaitan dengan bentuk;

1. Peristiwa umum

onClick: acara klik tetikus, kebanyakannya digunakan untuk klik tetikus dalam julat yang dikawal oleh objek onDblClick: acara klik dua kali tetikus; : tetikus Butang on ditekan onMouseUp: peristiwa tercetus apabila tetikus ditekan dan dilepaskan: peristiwa tercetus apabila tetikus bergerak di atas julat objek: peristiwa tercetus apabila tetikus bergerak; Peristiwa dicetuskan apabila tetikus meninggalkan skop objek; onKeyPress: peristiwa dicetuskan apabila kekunci pada papan kekunci ditekan dan dilepaskan: peristiwa dicetuskan apabila kekunci pada papan kekunci ditekan; kekunci pada papan kekunci ditekan Peristiwa tercetus apabila kekunci ditekan dan dilepaskan.

2. Acara berkaitan halaman

onAbort: Imej terganggu oleh pengguna apabila memuat turun onBeforeUnload: Peristiwa yang dicetuskan apabila kandungan halaman semasa hampir selesai diubah; onError: Ralat Catching Catch yang berlaku pada halaman semasa atas sebab tertentu, seperti ralat skrip dan ralat rujukan data luaran: peristiwa yang dicetuskan apabila halaman kosong dan dipindahkan ke penyemak imbas, termasuk penyempurnaan pengenalan; daripada fail luaran; onMove: tetingkap penyemak imbas dialihkan Peristiwa dicetuskan semasa bergerak onResize: peristiwa dicetuskan apabila saiz tetingkap penyemak imbas diubah padaScroll: peristiwa dicetuskan apabila kedudukan bar skrol pelayar berubah: peristiwa dicetuskan apabila butang berhenti pelayar; ditekan Atau fail yang sedang dimuat turun terganggu;

3. Peristiwa berkaitan bentuk

onBlur: peristiwa yang dicetuskan apabila elemen semasa kehilangan fokus [boleh dicetuskan oleh kedua-dua tetikus dan papan kekunci]; elemen kehilangan fokus dan Peristiwa dicetuskan apabila kandungan elemen berubah [boleh dicetuskan oleh tetikus atau papan kekunci]: peristiwa dicetuskan apabila elemen mendapat fokus onReset: peristiwa dicetuskan apabila atribut RESET dalam borang diaktifkan; onSubmit: peristiwa Peristiwa dicetuskan apabila borang diserahkan.

4. Acara sari kata bergolek

onBounce: peristiwa yang dicetuskan apabila kandungan dalam Marquee bergerak di luar julat paparan Marquee: perlu dipaparkan apabila Marquee elemen selesai Peristiwa dicetuskan selepas kandungan onStart: peristiwa dicetuskan apabila elemen Marquee mula memaparkan kandungan.

5. Edit acara

onBeforeCopy HTML: Peristiwa yang dicetuskan sebelum kandungan halaman yang sedang dipilih akan disalin ke papan keratan penonton padaBeforeCut: Apabila halaman ialah Peristiwa yang dicetuskan apabila sebahagian atau semua kandungan akan dialihkan dari halaman semasa [klip] dan dialihkan ke papan keratan sistem penonton.

6. Peristiwa yang dicetuskan

onBeforeEditFocus: Elemen semasa akan memasuki keadaan pengeditan; menampal kandungan dalam papan keratan sistem Objek padaContextMenu: peristiwa yang dicetuskan apabila penyemak imbas menekan butang kanan tetikus untuk memaparkan menu atau mencetuskan menu halaman melalui kekunci papan kekunci [cuba tambah onContentMenu="return false" pada halaman untuk melumpuhkan penggunaan daripada butang tetikus kanan]; onCopy: peristiwa yang dicetuskan apabila kandungan yang dipilih pada halaman disalin padaCut: peristiwa yang dicetuskan apabila kandungan yang dipilih pada halaman dipotong; acara aktiviti] ;onDragDrop: objek luaran diseret ke dalam tetingkap atau bingkai semasa oleh tetikus onDragEnd: peristiwa yang dicetuskan apabila seretan tetikus tamat, iaitu, butang tetikus dilepaskan; tetikus memasuki julat bekasnya diDragLeave: peristiwa yang dicetuskan apabila objek yang diseret oleh tetikus meninggalkan skop bekasnya; peristiwa dicetuskan apabila objek akan diseret; onDrop: peristiwa dicetuskan apabila butang tetikus dilepaskan semasa proses penyeretan: peristiwa dicetuskan apabila elemen kehilangan fokus pemilihan yang dibentuk oleh pergerakan tetikus; ditampal; onSelect: peristiwa dicetuskan apabila kandungan teks dipilih; onSelectStart HTML: peristiwa dicetuskan apabila pemilihan kandungan teks akan mula berlaku.

7. Peristiwa luaran

onAfterPrint: peristiwa yang dicetuskan apabila dokumen dicetak; objek Peristiwa dicetuskan apabila kesan penapis Peristiwa dicetuskan apabila nilai sifat permulaan berubah.

Atas ialah kandungan terperinci Apakah ciri baharu biasa html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!