Rumah > Artikel > hujung hadapan web > Adakah html5 adalah semakan kelima?
html5 ialah semakan kelima. HTML5 adalah semakan kelima kepada standard HTML Matlamat utamanya adalah untuk menyemantikkan Internet supaya ia boleh dibaca dengan lebih baik oleh manusia dan mesin, dan pada masa yang sama memberikan sokongan yang lebih baik untuk pembenaman pelbagai media; serasi ke belakang.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
HTML5
HTML5 ialah semakan kelima kepada standard HTML. Matlamat utamanya adalah untuk menyemantikkan Internet supaya lebih mudah dibaca oleh manusia dan mesin, dan pada masa yang sama memberikan sokongan yang lebih baik untuk membenamkan pelbagai media. Sintaks HTML5 adalah serasi ke belakang. H5, yang kini biasa dirujuk di China, termasuk CSS3 dan JavaScript (secara tegasnya, adalah tidak sesuai untuk memanggilnya dengan cara ini, tetapi sudah salah untuk memanggilnya dengan cara ini).
HTML5 ialah versi terbaharu HTML yang telah disiapkan oleh World Wide Web Consortium (W3C) pada Oktober 2014.
HTML5 direka bentuk untuk menyokong multimedia pada peranti mudah alih.
Beberapa ciri baharu yang menarik dalam HTML5:
Elemen kanvas untuk lukisan.
Elemen video dan audio untuk main balik media
Sokongan yang lebih baik untuk storan luar talian setempat.
Elemen kandungan khas baharu, seperti artikel, pengaki, pengepala, navigasi, bahagian.
Kawalan borang baharu, seperti kalendar, tarikh, masa, e-mel, url, carian.
Elemen baharu
Atribut baharu
Sokongan penuh untuk CSS3
Video dan Audio
grafik 2D/3D
Storan Setempat
Data SQL Setempat
Aplikasi Web
Elemen dan atribut baharu
1. Teg semantik
Teg semantik menjadikan kandungan halaman berstruktur dan kelihatan
标签 | 描述 |
23bfccf8e44978cba95106989e8290e9ab946e7546ab66a280dd9c9f9310ecd5 | 定义了文档的头部区域 |
c37f8231a37e88427e62669260f0074d84122da5b51c58ef54d7045814144010 | 定义了文档的尾部区域 |
c787b9a589a3ece771e842a6176cf8e944f9630a3d507ae7532760da37622b0f | 定义文档的导航 |
2f8332c8dcfd5c7dec030a070bf652c34d7ab0de9a42de71c682b0860bad1410 | 定义文档中的节(section、区段) |
23c3de37f2f9ebcb477c4a90aac6fffd7618f95bdc39e398f223d37049478af1 | 定义页面独立的内容区域 |
15221ee8cba27fc1d7a26c47a001eb9bb68cffaf0006380b7e39ea0c3d532826 | 定义页面的侧边栏内容 |
beb511a96a5aab3e931614dde36c9a0474bab71bc346026b84f2313feafdfe04 | 用于描述文档或文档某个部分的细节 |
631fb227578dfffda61e1fa4d04b7d25039f3e95db2a684c7b74365531eb6044 | 标签包含 details 元素的标题 |
a38fd2622755924ad24c0fc5f0b4d412e949bf554aab987df819ed6441bc3609 | 定义对话框,比如提示框 |
2. Borang dipertingkat
HTML5 mempunyai berbilang jenis input borang baharu. Ciri baharu ini menyediakan kawalan dan pengesahan input yang lebih baik.
|
Penerangan | ||||||||||||||||||||||||||||
warna
|
Terutama digunakan Pilih warna | ||||||||||||||||||||||||||||
tarikh | Pilih tarikh daripada pemilih tarikh | td>||||||||||||||||||||||||||||
datetime | Pilih tarikh (waktu UTC) | ||||||||||||||||||||||||||||
datetime-local | Pilih tarikh dan masa (tiada zon waktu) | ||||||||||||||||||||||||||||
e-mel | Medan input yang mengandungi alamat e-mel | ||||||||||||||||||||||||||||
bulan | Pilih bulan | ||||||||||||||||||||||||||||
nombor | Medan input untuk nilai berangka | ||||||||||||||||||||||||||||
julat | Medan input untuk nilai angka dalam julat tertentu | ||||||||||||||||||||||||||||
carian | Digunakan untuk medan Carian | ||||||||||||||||||||||||||||
tel | Tentukan medan nombor telefon input tr> | ||||||||||||||||||||||||||||
masa | Pilih masa | ||||||||||||||||||||||||||||
url | Medan input alamat URL | ||||||||||||||||||||||||||||
minggu | Pilih minggu dan tahun |
Elemen bentuk | Penerangan | |
fc86e7b705049fc9d4fccc89a2e80ee3 | Elemen menentukan pilihan senarai medan inputGunakan atribut senarai elemen d5fd7aea971a85678ba271703566ebfd aa983b9eb8086376f1f6481364a02e5a | Menyediakan cara yang boleh dipercayai untuk mengesahkan pengguna Teg menentukan medan penjana pasangan kunci untuk digunakan dalam borang. |
be6d67dae90cc1ad6469079e163d0939 | Untuk jenis output yang berbeza cth atau output skrip |
Atribut bentuk baharu HTML5
atribut tempat letak, gesaan ringkas akan dipaparkan pada medan input sebelum pengguna memasukkan nilai. Iaitu, gesaan lalai kotak input biasa kami hilang selepas pengguna memasukkan.
atribut yang diperlukan ialah atribut boolean. Medan input yang perlu diisi tidak boleh kosong
Atribut corak menerangkan ungkapan biasa yang digunakan untuk mengesahkan nilai elemen d5fd7aea971a85678ba271703566ebfd
atribut min dan maks, tetapkan nilai minimum dan maksimum elemen.
Atribut langkah menentukan selang nombor undang-undang untuk medan input.
atribut ketinggian dan lebar, digunakan untuk ketinggian imej dan lebar teg d5fd7aea971a85678ba271703566ebfd
Atribut autofokus ialah atribut boolean. Menentukan bahawa medan secara automatik mendapat fokus apabila halaman dimuatkan.
atribut berbilang ialah atribut boolean. Menentukan bahawa berbilang nilai boleh dipilih dalam elemen d5fd7aea971a85678ba271703566ebfd
Multimedia HTML5
Menggunakan HTML5, anda hanya boleh memainkan video dan audio pada halaman web ).
HTML5 menyediakan standard untuk memainkan fail audio, menggunakan elemen b97864c2e0ef2353a16c4d64c7734e92 Sifat untuk menambah kawalan main, jeda dan kelantangan.
Antara b97864c2e0ef2353a16c4d64c7734e92 dan 81d2bc32cafa2076a27f10cdd878d0ab anda perlu memasukkan teks gesaan bagi elemen b97864c2e0ef2353a16c4d64c7734e92 Elemen<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>HTML5 menentukan cara standard untuk memasukkan video melalui elemen video.
Pada masa yang sama, elemen video juga menyediakan atribut lebar dan ketinggian untuk mengawal saiz video Jika ketinggian dan lebar ditetapkan, ruang video yang diperlukan akan ditempah apabila halaman dimuatkan. Jika sifat ini tidak ditetapkan dan penyemak imbas tidak mengetahui saiz video, penyemak imbas tidak akan dapat menempah ruang tertentu semasa memuatkan dan halaman akan berubah berdasarkan saiz video asal. Kandungan yang dimasukkan antara
dan teg disediakan untuk paparan oleh penyemak imbas yang tidak menyokong elemen video.<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持Video标签。 </video>
Cadangan berkaitan: "
tutorial video html"
Atas ialah kandungan terperinci Adakah html5 adalah semakan kelima?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!