Rumah hujung hadapan web Tutorial H5 Gambaran keseluruhan ringkas tentang teg baharu dan dimansuhkan dalam kemahiran tutorial html5_html5

Gambaran keseluruhan ringkas tentang teg baharu dan dimansuhkan dalam kemahiran tutorial html5_html5

May 16, 2016 pm 03:49 PM
baru

Tag struktur baharu

elemen bahagian
mewakili blok kandungan dalam halaman, seperti bab, pengepala, pengaki atau bahagian lain halaman. Ia boleh digunakan dalam kombinasi dengan h1, h2... dan elemen lain untuk mewakili struktur dokumen. Contoh: <section>…</section> dalam HTML5;
elemen artikel
mewakili sekeping kandungan bebas pada halaman yang tidak berkaitan dengan konteks. Sebagai contoh, artikel.
elemen ketepikan
mewakili maklumat tambahan yang berkaitan dengan kandungan elemen artikel sebagai tambahan kepada kandungan elemen artikel.
elemen pengepala
mewakili tajuk blok kandungan dalam halaman atau keseluruhan halaman.
elemen hgroup
bermaksud mengumpulkan tajuk keseluruhan halaman atau blok kandungan dalam halaman.
elemen pengaki
mewakili pengaki untuk keseluruhan halaman atau blok kandungan dalam halaman. Biasanya, ia akan menyertakan nama pencipta, tarikh ia dicipta dan maklumat hubungan pencipta.
elemen navigasi
mewakili bahagian pautan navigasi halaman.
elemen angka
mewakili sekeping kandungan aliran bebas, secara amnya mewakili unit bebas dalam kandungan aliran utama dokumen. Gunakan elemen figcaption untuk menambah kapsyen pada sekumpulan elemen angka. Contohnya:

Salin kod
Kodnya adalah seperti berikut:

< angka>
<figcaption>PRC</figcaption>
<p>Republik Rakyat China dilahirkan pada tahun 1949</p> 🎜><dl>
<h1>prc</h1> 🎜>

Menambah elemen lain


elemen video
tentukan video. Seperti klip filem atau strim video lain. Contoh: <video src="movie.ogg" controls="controls">elemen video</video>
Ditulis dalam HTML4: <jenis objek="video/ogg" data="move . ogv">
<param name ="src" value="movie.ogv">
</objek> elemen audio

mentakrifkan audio. Seperti muzik atau strim audio lain. Contoh: <audio src ="someaudio.wav">elemen audio</audio>
Menulis dalam HTML4:



Salin kod


Kodnya adalah seperti berikut:
<object style="application/ogg" data="someaudio.wav"> <param name ="src " value = "someaudio.wav"> </object>
elemen benam

digunakan untuk membenamkan kandungan (termasuk pelbagai media). Format boleh menjadi Midi, Wav, AIFF, AU, MP3, flash, dll. Contoh: <embed src="flash.swf" />
Contoh kod dalam HTML4<data objek="flash.swf" type="application/x-shockwave-flash"><objek> >
elemen tanda

digunakan terutamanya untuk mempersembahkan secara visual kepada pengguna teks yang perlu diserlahkan atau diserlahkan. Kata kunci carian diserlahkan dalam hasil carian aplikasi biasa. HTML5<mark></mark>;HTML4 <span></span>.
elemen kemajuan

mewakili proses berjalan Anda boleh menggunakan elemen kemajuan untuk memaparkan proses fungsi yang memakan masa dalam JavaScript. Menunggu..., sila tunggu. <progress></progress>. elemen masa

mewakili tarikh atau masa, atau kedua-duanya pada masa yang sama.
elemen ruby ​​
mentakrifkan ulasan ruby ​​​​(fonetik atau watak Cina).
Gunakan dengan tag <ruby> Elemen ruby ​​​​terdiri daripada satu atau lebih aksara (memerlukan penjelasan/sebutan) dan elemen rt yang menyediakan maklumat tersebut, serta elemen rp pilihan yang mentakrifkan perkara yang dipaparkan apabila penyemak imbas tidak menyokong elemen "ruby" .

Salin kod


Kodnya adalah seperti berikut:
<ruby> > 汉&lt ;rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt> </ruby>
elemen rt
mentakrifkan tafsiran atau sebutan watak (fonetik atau watak fonetik Cina).
elemen rp
digunakan dalam ulasan ruby ​​​​untuk menentukan kandungan yang dipaparkan oleh penyemak imbas yang tidak menyokong elemen ruby ​​​​.
elemen wbr
mewakili pemisah garisan lembut. Perbezaan dari elemen br: elemen br menunjukkan bahawa pemisah baris mesti dibuat di sini wbr menunjukkan bahawa apabila tetingkap penyemak imbas atau elemen induk adalah luas (apabila tidak ada keperluan untuk pemisah baris), baris tidak akan menjadi. patah, tetapi apabila lebar tidak mencukupi, garisan akan dibalut secara automatik di sini.
elemen kanvas
mentakrifkan grafik, seperti carta dan imej lain. Elemen <kanvas> hanyalah bekas grafik (kanvas), dan anda mesti menggunakan skrip untuk melukis grafik.

Salin kod
Kod tersebut adalah seperti berikut:

<canvas id=" myCanvas"> ;</canvas><script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d') ;
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100); 🎜>— —Nampaknya tiada kesan. Adakah terdapat sebarang masalah dengan sokongan?
mewakili butang arahan, seperti butang radio, kotak semak atau butang.
Elemen arahan hanya boleh dilihat jika ia berada di dalam elemen menu. Jika tidak, elemen ini tidak akan dipaparkan, tetapi ia boleh digunakan untuk menentukan pintasan papan kekunci. .


Salin kod

Kodnya adalah seperti berikut:
<menu> >< perintah onclick="alert('Hello World')"> Klik Saya!</command>
tag
Pada masa ini, hanya Chrome menyokong teg butiran
, yang digunakan untuk menerangkan butiran dokumen atau bahagian tertentu dokumen.
Boleh digunakan dengan teg ringkasan, yang boleh menentukan tajuk untuk butiran. Tajuk kelihatan, dan apabila pengguna mengklik pada tajuk, butiran dipaparkan. ringkasan hendaklah elemen anak pertama butiran.

datalist
tag
mentakrifkan senarai pilihan. Gunakan elemen ini bersama dengan elemen input untuk mentakrifkan kemungkinan nilai input. Senarai data dan pilihannya tidak dipaparkan, ia hanyalah senarai nilai input yang sah. Gunakan atribut senarai elemen input untuk mengikat senarai data.

Salin kod

Kod adalah seperti berikut:

<input id=" myCar" list="cars" /> <datalist id="cars"> > <option value="Volvo"> </datalist>
teg datagrid
Bagaimana hendak menggunakan?
Tentukan senarai data pilihan. Datagrid dipaparkan sebagai senarai pokok.
Jika anda menetapkan berbilang atribut kepada benar, anda boleh memilih lebih daripada satu item dalam senarai.


tag keygen
Bagaimana cara menggunakan Teg
menentukan medan penjana pasangan kunci untuk digunakan dalam borang.
Apabila borang diserahkan, kunci peribadi disimpan secara setempat dan kunci awam dihantar ke pelayan.

Salin kod

Kod tersebut adalah seperti berikut:



<form action=" demo_keygen.asp " method="get">

Nama pengguna: <input type="text" name="usr_name" />
Penyulitan: <keygen name="security" /> < input type="submit" /> </form>
teg output

mentakrifkan jenis output yang berbeza, seperti output skrip .




Salin kod

Kod tersebut adalah seperti berikut:


<form action=" form_action.asp " method="get" name="sumform">
<output name="sum"></output>
</form> teg sumber
Teg
mentakrifkan sumber media untuk elemen media (seperti <video> dan <audio>).

teg menu

mentakrifkan senarai menu. Gunakan label ini apabila anda ingin menyenaraikan kawalan borang. Perhatikan perbezaan daripada nav Menu digunakan secara khusus untuk kawalan borang.


Salin kod
Kod tersebut adalah seperti berikut:

<menu>
<li><input type="checkbox" />Red</li><li><input type="checkbox" /&gt ;biru</li>
</menu>


Teg input baharu e-mel Mesti masukkan url e-mel
Mesti masukkan nombor alamat url
Mesti memasukkan julat nilai
Mesti memasukkan julat nilai Pemilih Tarikh (Pemilih Tarikh)
Terdapat berbilang jenis input baharu untuk memilih tarikh dan masa:
tarikh - pilih hari, bulan , tahun
bulan - Pilih bulan dan tahun
minggu - Pilih minggu dan tahun
masa - Pilih masa (jam dan minit)
tarikh masa - Pilih masa, hari, bulan, tahun (waktu UTC)
datetime-local - carian masa, hari, bulan, tahun (waktu tempatan)
digunakan untuk mencari medan, medan dipaparkan sebagai medan teks biasa. warna

Elemen Penghapusan

1. Elemen yang boleh digantikan dengan CSS

font asas, besar, tengah, fon, s, strike, tt, u. Elemen ini adalah semata-mata untuk paparan skrin, penyokong HTML5 meletakkan fungsi paparan skrin ke dalam CSS untuk penyuntingan bersatu.

2. Tidak lagi menggunakan bingkai.

set bingkai, bingkai, tanpa bingkai. HTML5 tidak menyokong bingkai bingkai, tetapi hanya menyokong bingkai iframe atau menggunakan format sisi pelayan yang terdiri daripada berbilang halaman yang mematuhi halaman dan padamkan tiga teg di atas.

3. Elemen hanya disokong oleh beberapa penyemak imbas

applet, bgsound, blink, marquee dan tag lain.

4. Elemen lain yang dimansuhkan

Mansuhkan rb dan gantikan dengan delima.

Akronim ditamatkan dan sebaliknya gunakan abbr.

Mansuhkan dir dan gunakan ul sebagai gantinya.

Mansuhkan isindex dan gantikannya dengan gabungan bentuk dan input

Mansuhkan penyenaraian dan gantikannya dengan pra

Mansuhkan xmp dan gunakan kod sebaliknya

Mansuhkan nextid dan gunakan panduan

Hentikan plaintex dan gunakan "teks/plian" (teks tidak berformat) jenis MIME.

============================================ === ============

Melihat begitu banyak teg dan elemen baharu, saya tertanya-tanya sama ada HTML5 benar-benar akan datang? Banyaknya maklumat dan tutorial yang berkaitan, semua orang bercakap tentang HTML5, CSS3, dan pengeluar penyemak imbas utama mengumumkan sokongan untuk html5 membuatkan saya berasa bahawa era html5 telah tiba. Jadi bolehkah saya menggunakannya dengan selamat dalam projek saya? belum lagi. Walaupun IE9 telah mendakwa menyokong html5, IE8 tidak menyokongnya sama sekali. Masih terdapat sebilangan besar orang yang duduk di hadapan telefon lama Mercedes-Benz dari 2006 dan 2007, menggunakan sistem XP dan IE8 yang dipasang untuk merangkak di web terdapat juga beberapa lelaki tua dan wanita tua yang nostalgia yang membeli telefon baharu; hilang Win7 yang tulen, gantikan dengan XP versi D. Walaupun Html5shiv kini tersedia, IE8 boleh mempunyai sokongan terhad untuk beberapa teg HTML baharu, hanya beberapa teg baharu. Saya boleh memilih teknologi baharu yang hendak digunakan, tetapi saya tidak boleh meminta pengguna produk anda memasang sebarang penyemak imbas. Sebenarnya, anda tidak semestinya memerlukan teknologi baharu untuk membuat sesuatu, asalkan ia sesuai dengan beberapa perkara yang ditulis dalam asp.net2 sekarang, sama seperti "Teori Kucing" Atuk Deng.

Kenyataan Laman Web ini
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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimanakah saya menggunakan tag meta viewport untuk mengawal skala halaman pada peranti mudah alih? Bagaimanakah saya menggunakan tag meta viewport untuk mengawal skala halaman pada peranti mudah alih? Mar 13, 2025 pm 08:00 PM

Bagaimanakah saya menggunakan tag meta viewport untuk mengawal skala halaman pada peranti mudah alih?

Bagaimana untuk menambah audio ke laman web html5 saya? Bagaimana untuk menambah audio ke laman web html5 saya? Mar 10, 2025 pm 03:01 PM

Bagaimana untuk menambah audio ke laman web html5 saya?

Bagaimana cara menggunakan borang HTML5 untuk input pengguna? Bagaimana cara menggunakan borang HTML5 untuk input pengguna? Mar 10, 2025 pm 02:59 PM

Bagaimana cara menggunakan borang HTML5 untuk input pengguna?

Bagaimanakah saya mengendalikan privasi dan keizinan lokasi pengguna dengan API Geolokasi? Bagaimanakah saya mengendalikan privasi dan keizinan lokasi pengguna dengan API Geolokasi? Mar 18, 2025 pm 02:16 PM

Bagaimanakah saya mengendalikan privasi dan keizinan lokasi pengguna dengan API Geolokasi?

Bagaimanakah saya menggunakan API Penglihatan Halaman Html5 untuk mengesan apabila halaman dapat dilihat? Bagaimanakah saya menggunakan API Penglihatan Halaman Html5 untuk mengesan apabila halaman dapat dilihat? Mar 13, 2025 pm 07:51 PM

Bagaimanakah saya menggunakan API Penglihatan Halaman Html5 untuk mengesan apabila halaman dapat dilihat?

Bagaimana untuk membuat permainan interaktif dengan HTML5 dan JavaScript? Bagaimana untuk membuat permainan interaktif dengan HTML5 dan JavaScript? Mar 10, 2025 pm 06:34 PM

Bagaimana untuk membuat permainan interaktif dengan HTML5 dan JavaScript?

Bagaimana saya menggunakan API Pemberitahuan HTML5 untuk memaparkan pemberitahuan desktop? Bagaimana saya menggunakan API Pemberitahuan HTML5 untuk memaparkan pemberitahuan desktop? Mar 13, 2025 pm 07:57 PM

Bagaimana saya menggunakan API Pemberitahuan HTML5 untuk memaparkan pemberitahuan desktop?

Bagaimanakah saya menggunakan API WebSockets HTML5 untuk komunikasi dua arah antara klien dan pelayan? Bagaimanakah saya menggunakan API WebSockets HTML5 untuk komunikasi dua arah antara klien dan pelayan? Mar 12, 2025 pm 03:20 PM

Bagaimanakah saya menggunakan API WebSockets HTML5 untuk komunikasi dua arah antara klien dan pelayan?

See all articles