Rumah  >  Artikel  >  hujung hadapan web  >  Adakah html5 adalah semakan kelima?

Adakah html5 adalah semakan kelima?

青灯夜游
青灯夜游asal
2022-01-18 10:34:171410semak imbas

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.

Adakah html5 adalah semakan kelima?

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.

Peningkatan HTML5

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

td>

输入类型

描述

color

主要用于选取颜色

date

从一个日期选择器选择一个日期

datetime

选择一个日期(UTC 时间)

datetime-local

选择一个日期和时间 (无时区)

email

包含 e-mail 地址的输入域

month

选择一个月份

number

数值的输入域

range

一定范围内数字值的输入域

search

用于搜索域

tel

定义输入电话号码字段

time

选择一个时间

url

 URL 地址的输入域

week

选择周和年
Jenis input

Penerangan
warna
表单元素 描述

fc86e7b705049fc9d4fccc89a2e80ee3

 元素规定输入域的选项列表

使用 d5fd7aea971a85678ba271703566ebfd 元素的 list 属性与 fc86e7b705049fc9d4fccc89a2e80ee3 元素的 id 绑定

aa983b9eb8086376f1f6481364a02e5a

提供一种验证用户的可靠方法

标签规定用于表单的密钥对生成器字段。

be6d67dae90cc1ad6469079e163d0939

用于不同类型的输出

比如计算或脚本输出

Terutama digunakan Pilih warna
tarikh Pilih tarikh daripada pemilih tarikh
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
HTML5 juga menambah elemen bentuk berikut
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
b97864c2e0ef2353a16c4d64c7734e92 membenarkan penggunaan berbilang elemen 61358c8a02103ae43c6f65e63c0642a4 > Pada masa ini, elemen b97864c2e0ef2353a16c4d64c7734e92 menyokong tiga fail format audio: MP3, Wav dan Ogg
<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.

  • kawalan menyediakan kawalan main, jeda dan kelantangan untuk mengawal video. Anda juga boleh menggunakan operasi DOM untuk mengawal main balik dan jeda video, seperti kaedah main() dan jeda().

    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.
Elemen video menyokong berbilang elemen sumber. Elemen boleh memautkan fail video yang berbeza. Penyemak imbas akan menggunakan format pertama yang diiktiraf (MP4, WebM dan Ogg)
<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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Apakah maksud api dalam html5Artikel seterusnya:Apakah maksud api dalam html5