5 Tag dan atribut HTML yang keren dan praktis

Faktanya, ini juga pesta judul, dan tidak dapat dikatakan pamer, tetapi karena saya bodoh dan belum pernah melihat label-label ini. Fitur -fitur ini tidak terlalu umum di situs web yang biasa, jadi saya merasa sangat segar. Lalu mari kita buat seri dan rekam semua tag HTML bagus yang saya temui (mungkin itu adalah tag HTML5, dan tidak dijamin bahwa semua browser akan kompatibel).

Ini adalah tag baru yang ditambahkan ke HTML5. Anda dapat mencoba mengedit konten suatu wilayah, seperti tabel berikut: (Tabel di IE tampaknya tidak mendukung properti ini, tetapi div dan badan tampaknya didukung. Jika Anda menggunakan IE, silakan klik pada bagian $ 100 dan $ 50 untuk diedit. Saya menambahkan tag yang dapat diendapkan ke dua kisi -kisi ini. Jika Anda tidak ada, maka semua contents harus dapat diedit ke dua kisi -kisi ini. Jika Anda tidak IE, maka semua contents harus dapat diedit ke dua kisi -kisi ini. Jika Anda tidak IE, maka semua contents harus dapat diedit ke dua kisi -kisi.

<Table ContentEditable = "true"> <caption> Penghematan bulanan </Caption> <tbody> <tr> <tm month </t> <th> tabungan </t th> </tr> <td> <td> Januari </td> <td> <v ContentEditable = "true"> $ 100 </div </td> <td> <v ContentEditable = "true"> $ 100 </Div> </td> <td> <ven ContentEditable = "true"> $ 50 </div> </td> </tbody> </boable>

Perhatikan bahwa tabel ini dapat diedit secara langsung. Kami tidak perlu menambahkan kotak teks apa pun untuk mengubah teks secara langsung. Selain itu, jika sub-label tidak ditentukan, diwarisi secara default, jadi sangat nyaman. (Tentu saja jika Anda menambahkan atribut ini ke tubuh, semuanya dapat diedit, itu mengerikan ...)

Hal ini setara dengan GroupBox di .net, tetapi saya tidak mengetahuinya pada awalnya. Fungsinya adalah untuk mengelompokkan elemen yang relevan dalam bentuk:

<fieldset> <Gegend> indeks: </fegend> <ul> <li> <a href = "#"> indeks semua artikel </a> </li> <li> <a href = "#"> hal -hal yang dibutuhkan domba untuk bangun untuk hari ini </a> </li> <li> <a href = "#"

<Form OnInput = "x.value = parseInt (a.value)+parseInt (b.value)"> 0 <input type = "range" id = "a" value = "50"> 100+ <input type = "bilangan" id = "b" value = "50"> <output nama = "x" for = "ab"> </output/output = "50"> <output nama = "x" for = "ab"> </output/output = "POR/POR/PERTIMAS </p </port> </p <por> Tag output tidak didukung di Internet Explorer. </p> </form>

<p> Jangan lupa untuk membeli <mark> susu </mark> hari ini. </p>

Kiat: Anda dapat memodifikasi beberapa kode terlebih dahulu dan kemudian menjalankannya

Mari kita pergi ke sini hari ini, lalu posting ketika Anda melihat tag HTML yang baik dan efek khusus.