Rumah > hujung hadapan web > Tutorial H5 > Gambaran keseluruhan ringkas tentang sifat baharu dan dimansuhkan bagi kemahiran tutorial html5_html5

Gambaran keseluruhan ringkas tentang sifat baharu dan dimansuhkan bagi kemahiran tutorial html5_html5

WBOY
Lepaskan: 2016-05-16 15:49:46
asal
1275 orang telah melayarinya

Dalam HTML5, sementara banyak elemen baharu ditambah dan dimansuhkan, banyak atribut juga ditambah dan dimansuhkan.

Atribut baharu

1. Atribut berkaitan bentuk

Tentukan atribut autofokus untuk input (jenis=teks), pilih, kawasan teks dan butang. Ia membolehkan elemen mendapat fokus secara automatik apabila skrin dibuka dengan menentukan atribut. Tentukan atribut pemegang tempat untuk input (type=text) dan textarea, yang akan menggesa pengguna untuk input dan kandungan yang boleh dimasukkan oleh pengguna. Tentukan atribut borang untuk input, output, pilih, kawasan teks, butang dan set medan. Ia mengisytiharkan kepunyaan bentuk yang mana dan kemudian meletakkannya di mana-mana sahaja pada halaman tanpa mengabaikan borang tersebut. Tentukan atribut yang diperlukan untuk input (type=text) dan textarea. Atribut ini menunjukkan bahawa pengguna akan menyemak semasa menyerahkan dan menyemak bahawa mesti ada kandungan input dalam elemen. Tambahkan beberapa atribut baharu pada teg input: autolengkap, min, maks, berbilang, corak dan langkah. Terdapat juga atribut senarai yang digunakan bersama dengan elemen senarai data; elemen senarai data digunakan bersama dengan atribut autolengkap. Atribut berbilang membenarkan berbilang fail dimuat naik pada satu masa semasa muat naik atribut corak digunakan untuk mengesahkan corak medan input, yang sebenarnya merupakan ungkapan biasa. Atribut langkah menentukan selang nombor undang-undang medan input (jika langkah="3", nombor undang-undang hendaklah -3, 0, 3, 6, dan seterusnya Atribut langkah boleh digunakan bersama dengan maks dan atribut min untuk mencipta julat nilai yang sah. Tambahkan atribut formaction, formenctype, formmethod, formnovalidate dan formtarget pada elemen input dan butang. Pengguna mengatasi tindakan, enctype, kaedah, novalidate dan atribut sasaran elemen borang. Tambahkan atribut dilumpuhkan pada elemen set medan untuk menetapkan elemen anaknya kepada keadaan dilumpuhkan. Menambah atribut novalidate pada input, butang dan borang boleh membatalkan semakan berkaitan yang dilakukan semasa penyerahan dan borang boleh diserahkan tanpa syarat.

2. Pautkan atribut berkaitan

Tambahkan atribut media pada kawasan dan. Menentukan jenis media/peranti URL sasaran dioptimumkan. Atribut ini digunakan untuk menentukan bahawa URL sasaran direka untuk peranti tertentu (seperti iPhone), suara atau media cetak. Sifat ini boleh menerima berbilang nilai. Hanya boleh digunakan apabila atribut href ada. Tambahkan atribut herflang dan rel pada kawasan. Atribut hreflang menentukan bahasa teks dalam dokumen yang dipautkan. Atribut ini hanya boleh digunakan apabila atribut href ditetapkan. Nota: Hartanah ini adalah nasihat semata-mata. Atribut rel menentukan hubungan antara dokumen semasa dan dokumen/sumber yang dipautkan. Atribut rel hanya boleh digunakan apabila menggunakan atribut href. Tambahkan atribut saiz pada pautan. Atribut saiz menentukan saiz sumber yang dipautkan. Atribut ini hanya boleh digunakan apabila sumber yang dipautkan ialah ikon (rel="icon"). Sifat ini boleh menerima berbilang nilai. Nilai dipisahkan oleh ruang. Menambah atribut sasaran pada elemen asas adalah terutamanya untuk mengekalkan konsistensi dengan elemen.

3. Sifat-sifat lain

Tambahkan atribut terbalik pada ol, yang menyatakan bahawa senarai dipaparkan dalam susunan terbalik. Tambahkan atribut charset pada meta dan tambahkan atribut jenis dan label pada menu. label mentakrifkan label perisian kursus untuk menu, dan atribut jenis membenarkannya muncul dalam tiga bentuk: menu konteks, bar alat dan senarai. Tambahkan atribut berskop pada gaya. Ia membolehkan kami menentukan gaya untuk bahagian tertentu dokumen dan bukannya keseluruhan dokumen. Jika atribut "skop" digunakan, gaya yang ditentukan hanya boleh digunakan pada elemen induk elemen gaya dan anak-anaknya. Tambah atau tolak atribut untuk skrip, yang mentakrifkan sama ada skrip dilaksanakan secara tak segerak. Atribut async hanya berfungsi dengan skrip luaran (hanya apabila menggunakan atribut src Terdapat beberapa cara untuk melaksanakan skrip luaran: Jika async="async": skrip dijalankan secara tidak segerak berkenaan dengan halaman yang lain (semasa halaman diteruskan). menghurai, skrip akan dilaksanakan) Jika async tidak digunakan dan defer="defer": skrip akan dilaksanakan apabila halaman selesai menghurai Jika async atau defer tidak digunakan: skrip dibaca dan dilaksanakan serta-merta sebelum penyemak imbas terus menghuraikan halaman sebagai elemen html Tambah manifes, yang digunakan bersama dengan API semasa membangunkan aplikasi web luar talian untuk mentakrifkan URL dan menerangkan maklumat cache dokumen pada URL ini. Tambahkan atribut pada iframe, kotak pasir, lancar, srcdoc. Digunakan untuk meningkatkan keselamatan halaman dan menghalang halaman web yang tidak dipercayai daripada melaksanakan operasi tertentu.

Atribut yang dimansuhkan

Sesetengah atribut dalam HTML4 tidak lagi digunakan dalam HTML5, tetapi digantikan dengan atribut lain atau kaedah lain.

Atribut yang digunakan dalam HTML 4 Elemen yang menggunakan atribut ini Alternatif dalam HTML 5
rev pautan, sebuah rel
set aksara pautan, sebuah Gunakan elemen pengepala jenis Kandungan HTTP dalam sumber terpaut
bentuk, koordinat a Gunakan elemen kawasan dan bukannya elemen
longdesc img, iframe Gunakan elemen untuk memaut ke penerangan utama
sasaran pautan Atribut berlebihan, ditinggalkan
nohref kawasan Atribut berlebihan, ditinggalkan
profil kepala Atribut berlebihan, ditinggalkan
versi html Atribut berlebihan, ditinggalkan
nama img id
skim meta Gunakan skema hanya untuk medan borang tertentu
arkib, chlassid, codebose, codetype, declare, standby objek Gunakan kelas atribut data dan typc untuk memanggil pemalam. Apabila anda perlu menggunakan atribut ini untuk menetapkan parameter, gunakan atribut param
jenis nilai, taip param Gunakan atribut nama dan nilai, jangan isytiharkan jenis MIME
paksi, abbr td、th Gunakan format yang bermula dengan teks yang jelas dan padat, diikuti dengan teks terperinci.Anda boleh menggunakan atribut tajuk untuk kandungan yang lebih terperinci untuk menjadikan kandungan sel lebih pendek
skop td Gunakan elemen pengepala jenis Kandungan HTTP dalam sumber terpaut
selaraskan kapsyen, input, lagenda, div, h1, h2, h3, h4, h5, h6, p Sebaliknya, gunakan helaian gaya CSS
pautan, pautan, teks, vlink, latar belakang, bgcolor badan Sebaliknya, gunakan helaian gaya CSS
selaraskan, bgcolor, jidar, padding sel, jarak sel, bingkai, peraturan, lebar meja Sebaliknya, gunakan helaian gaya CSS
selaraskan, char, charoff, height, nowrap, valign tbody, thead, tfoot Sebaliknya, gunakan helaian gaya CSS
sejajarkan, bgcolor, char, charoff, tinggi, nowrap, valign, lebar td、th Sebaliknya, gunakan helaian gaya CSS
selaraskan, bgcolor, char, charoff, valign tr Sebaliknya, gunakan helaian gaya CSS
sejajarkan, char, charoff, valign, width col, colgroup Sebaliknya, gunakan helaian gaya CSS
selaraskan, sempadan, hspace, vspace objek Sebaliknya, gunakan helaian gaya CSS
jelas br Sebaliknya, gunakan helaian gaya CSS
compace, taip ol, ul, li Sebaliknya, gunakan helaian gaya CSS
compace dl Sebaliknya, gunakan helaian gaya CSS
compace menu Sebaliknya, gunakan helaian gaya CSS
lebar sebelum Sebaliknya, gunakan helaian gaya CSS
selaraskan, hspace, vspace img Sebaliknya, gunakan helaian gaya CSS
selaraskan, lubang hidung, saiz, lebar jam Sebaliknya, gunakan helaian gaya CSS
selaraskan, sempadan bingkai, menatal, ketinggian jidar, lebar jidar iframe Sebaliknya, gunakan helaian gaya CSS
autoserah menu
Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan