Apakah fungsi html5?

Fungsi html5: 1. Perpustakaan grafik baharu, yang boleh menjadikan kandungan laman web lebih kaya 2. Kandungan multimedia yang lebih selesa 4. Fungsi seret dan lepas ; dan storan; 7. Prestasi dan integrasi 8. Akses peranti;

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Ciri-ciri html5

1. Perpustakaan fungsi WebGL boleh menjadikan kandungan tapak web lebih kaya. Pustaka fungsi WebGL, khususnya, hampir boleh mengubah keseluruhan permainan dalam bidang ini Lihat sahaja adegan permainan Quake II yang terkenal ini, yang dibangunkan sepenuhnya dalam HTML5. Bagi saya, ini mewakili era baharu dan membolehkan seseorang membayangkan bagaimana permainan akan dimainkan pada masa hadapan.

2. Kandungan multimedia yang lebih mudah:

Jika anda pernah mereka tapak web yang perlu mengandungi banyak kandungan audio dan video, anda akan tahu perasaan kikuk . Selalunya perlu menggunakan sekumpulan Flash tambah dan Tetapi anda tidak perlu lagi menghadapi masalah seperti itu HTML5 memperkenalkan tag

3. Geolokasi:

Orang ramai semakin kurang menggunakan Internet melalui komputer meja atau komputer riba. Hari ini, ramai orang menyemak imbas web melalui peranti mudah alih pegang tangan, seperti telefon pintar dan tablet. Ciri akses rangkaian mudah alih semasa ini, ditambah dengan keupayaan geolokasi baharu dalam HTML5, bergabung untuk membuka banyak kemungkinan baharu. Mengetahui lokasi tepat pengguna apabila mereka melawat tapak web anda membolehkan anda menyampaikan kandungan yang diperibadikan agar sepadan dengan konteks pengguna. Sebagai contoh, apabila melawat laman web yang berkaitan dengan lawatan, jika didapati anda berada di kawasan pusat bandar, ia boleh memberikan maklumat berkaitan perancangan perjalanan tetapi jika anda melawati laman web dari lokasi pinggir bandar, fungsi peta interaktif akan dipaparkan; secara lalai.

4. Fungsi seret dan lepas:

Ini adalah perubahan yang halus, tetapi ia sangat penting. Ciri seret dan lepas membolehkan anda menyeret kandungan dari penyemak imbas terus ke komputer anda, atau menyeret kandungan dari komputer anda ke penyemak imbas. Ia benar-benar perubahan yang membuat zaman, bukan? Mari kita lihat paparan ini dan fikirkan, jika tapak rangkaian sosial mempunyai fungsi sedemikian, apabila anda pulang dari bercuti, anda boleh memilih foto percutian anda dengan mudah, kemudian seretnya ke penyemak imbas, dan kemudian anda boleh berkongsinya dengan rakan dalam talian anda dengan segera. Inilah cara saya ingin berinteraksi dengan tapak web!

5. Pemberitahuan desktop:

Pemberitahuan desktop ialah tetingkap timbul kecil yang muncul di luar penyemak imbas laman web tersebut. Ciri ini hanya tersedia dalam Google Chrome pada masa ini dan anda boleh melihat tunjuk cara di sini. Pemberitahuan ini bagus untuk pemberitahuan e-mel, kemas kini rangkaian sosial, mesej Weibo dan perkhidmatan lain. Ditambah dengan fungsi drag-and-drop, perbezaan antara aplikasi dalam talian dan tempatan benar-benar kabur.

6 Luar talian dan storan

Sumber luar talian: cache aplikasi. Firefox menyokong sepenuhnya Spesifikasi Sumber Luar Talian HTML5. Kebanyakan yang lain hanya menyediakan beberapa tahap sokongan untuk sumber luar talian.

Acara dalam talian dan luar talian. Firefox 3 menyokong acara dalam talian dan luar talian WHATWG, yang membolehkan aplikasi dan sambungan mengesan sama ada sambungan rangkaian tersedia dan merasakan apabila sambungan dibuat dan terputus.

Sesi pelanggan WHATWG dan storan kegigihan (aka storan DOM). Sesi sisi pelanggan dan storan berterusan membolehkan aplikasi web menyimpan data berstruktur pada sisi pelanggan.

IndexedDB. Ia ialah standard web yang direka untuk dapat menyimpan sejumlah besar data berstruktur dalam penyemak imbas dan menggunakan indeks pada data ini untuk mendapatkan semula prestasi tinggi.

Gunakan fail daripada aplikasi web. Sokongan untuk API Fail HTML5 baharu telah ditambahkan pada Gecko, membenarkan aplikasi web mengakses fail tempatan yang dipilih oleh pengguna. Ini termasuk sokongan untuk pemilihan fail berbilang menggunakan atribut berbilang baharu bagi elemen Terdapat juga FileReader.

7. Prestasi dan penyepaduan

Pekerja Web. Keupayaan untuk mewakilkan pengiraan JavaScript ke urutan latar belakang menghalang acara interaktif daripada perlahan dengan membenarkan aktiviti ini.

XMLHttpRequest Tahap 2. Membenarkan bahagian halaman dibaca secara tidak segerak, membenarkannya memaparkan kandungan dinamik yang berbeza-beza berdasarkan masa dan tingkah laku pengguna. Ini adalah teknologi di sebalik Ajax.

Enjin JavaScript yang disusun tepat pada masanya. Generasi baharu enjin JavaScript lebih berkuasa dan berprestasi lebih baik.

API Sejarah. Membenarkan manipulasi sejarah penyemak imbas. Ini amat berguna untuk halaman yang memuatkan maklumat baharu secara interaktif.

Atribut ConentEditable: Ubah tapak web anda menjadi wiki HTML5 telah menyeragamkan atribut ContentEdiable. Ketahui lebih lanjut tentang ciri ini.

Seret dan lepas. API drag-and-drop HTML5 menyokong menyeret dan menjatuhkan item dalam dan antara tapak. Ia juga menyediakan API yang lebih mudah untuk digunakan oleh sambungan dan aplikasi berasaskan Mozilla.

Pengurusan fokus dalam HTML. Sokongan untuk ciri HTML5 activeElement dan hasFocus baharu.

Pengendali protokol berasaskan web. Anda kini boleh mendaftarkan aplikasi web sebagai pengendali protokol menggunakan kaedah navigator.registerProtocolHandler().

permintaanAnimationFrame. Membenarkan kawalan ke atas pemaparan animasi untuk prestasi yang lebih baik.

API skrin penuh. Kawalan menggunakan keseluruhan skrin untuk halaman web atau aplikasi tanpa memaparkan antara muka penyemak imbas.

API pengunci penunjuk. Membenarkan penuding dikunci pada kandungan supaya permainan atau aplikasi serupa tidak kehilangan fokus apabila penuding mencapai had tetingkap.

Acara dalam talian dan luar talian. Untuk membina aplikasi web berkebolehan luar talian yang baik, anda perlu tahu bila aplikasi anda sebenarnya di luar talian. By the way, anda juga perlu tahu bila permohonan anda kembali dalam talian semula.

8. Akses peranti

Gunakan API Kamera. Membolehkan anda menggunakan dan mengendalikan kamera komputer anda dan mengakses foto daripadanya.

Acara sentuh. Pengendali yang bertindak balas kepada peristiwa apabila pengguna menekan skrin sentuh.

Gunakan penyasaran geo. Biarkan penyemak imbas menggunakan perkhidmatan geolokasi untuk mencari lokasi pengguna.

Kesan orientasi peranti. Membenarkan pengguna mendapatkan maklumat apabila peranti yang menjalankan penyemak imbas menukar orientasi. Ini boleh digunakan sebagai peranti input (contohnya, membuat permainan yang bertindak balas kepada kedudukan peranti) atau untuk menyesuaikan reka letak halaman dengan orientasi skrin (landskap atau potret).

API pengunci penunjuk. Membenarkan penuding dikunci pada kandungan supaya permainan atau aplikasi serupa tidak kehilangan fokus apabila penuding mencapai had tetingkap.

9 Reka bentuk gaya

Ciri gaya latar belakang baharu. Kini anda boleh menggunakan bayang kotak untuk menetapkan bayang untuk kotak logik, dan anda juga boleh menetapkan berbilang latar belakang.

Sempadan yang lebih cantik. Sempadan bukan sahaja boleh diformat menggunakan imej, menggunakan imej sempadan dan sifat biasa yang berkaitan, tetapi sempadan bulat kini boleh disokong melalui sifat jejari sempadan.

Animasikan gaya anda. Menggunakan Peralihan CSS untuk menganimasikan antara keadaan yang berbeza, atau menggunakan Animasi CSS untuk menganimasikan bahagian halaman tanpa peristiwa pencetus, anda kini boleh mengawal elemen bergerak di sekeliling halaman.

Peningkatan tipografi. Pengarang mempunyai kawalan yang lebih besar yang menghasilkan pemformatan yang lebih baik. Mereka bukan sahaja boleh mengawal limpahan teks dan tanda sempang, tetapi mereka juga boleh menetapkan bayang padanya atau mengawal hiasannya dengan lebih halus. Terima kasih kepada peraturan @font-face baharu, kami kini boleh memuat turun dan menggunakan fon tersuai. .

Susun atur pembentangan baharu. Untuk meningkatkan fleksibiliti reka bentuk, dua susun atur baharu telah ditambah: susun atur berbilang lajur CSS dan susun atur kotak fleksibel CSS.

Cadangan berkaitan: "tutorial video html"

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