


Gambaran keseluruhan ringkas tentang teg baharu dan dimansuhkan dalam kemahiran tutorial html5_html5
May 16, 2016 pm 03:49 PMTag struktur baharu
elemen bahagianmewakili 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:
< angka>
<figcaption>PRC</figcaption>
<p>Republik Rakyat China dilahirkan pada tahun 1949</p> 🎜><dl>
<h1>prc</h1> 🎜>
Menambah elemen lain
elemen 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:
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:
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.
<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
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.
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 kodKod adalah seperti berikut:
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
Apabila borang diserahkan, kunci peribadi disimpan secara setempat dan kunci awam dihantar ke pelayan.
Salin kod
<form action=" demo_keygen.asp " method="get">
mentakrifkan jenis output yang berbeza, seperti output skrip .
Kod tersebut adalah seperti berikut:
<form action=" form_action.asp " method="get" name="sumform">
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" /> ;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 CSSfont 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.
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.

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

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

Bagaimana untuk menambah audio ke laman web html5 saya?

Bagaimana cara menggunakan borang HTML5 untuk input pengguna?

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

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

Bagaimana untuk membuat permainan interaktif dengan HTML5 dan JavaScript?

Bagaimana saya menggunakan API Pemberitahuan HTML5 untuk memaparkan pemberitahuan desktop?

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