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

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