Pengenalan kepada 5 teg dan atribut HTML yang menarik dan praktikal_HTML/Xhtml_Webpage Production

Sebenarnya, ini juga tajuk utama, dan ia tidak boleh dikatakan "mempesonakan". Ini hanya kerana saya jahil dan tidak pernah melihat label ini. Ciri ini tidak begitu biasa pada tapak web biasa, jadi ia terasa sangat segar bagi saya. Kemudian saya akan mencipta satu siri untuk merekodkan semua tag HTML yang baik yang saya temui (mungkin tag HTML5, tidak ada jaminan bahawa semua pelayar akan serasi).

1 boleh diedit kandungan

Ini ialah teg baharu dalam HTML5, yang membenarkan kandungan kawasan diedit, seperti jadual berikut: (Jadual dalam IE nampaknya tidak menyokong atribut ini, tetapi div dan badan nampaknya menyokongnya. Jika anda Jika anda menggunakan IE, sila cuba klik pada bahagian $100 dan $50 untuk mengedit Saya menambah tag boleh diedit kandungan pada dua kotak ini

Simpanan bulanan

Bulan	Penjimatan
Januari	$100
Februari	$50

Petua: Anda boleh mengubah suai sebahagian daripada kod sebelum menjalankan

Perhatikan bahawa jadual ini boleh diedit terus Kami boleh menukar teks secara langsung tanpa menambah sebarang kotak teks, dan jika sub-teg tidak menyatakan atribut ini, ia akan diwarisi secara lalai, jadi ia sangat mudah. . (Sudah tentu, jika anda menambah atribut ini pada badan, semuanya boleh diedit, yang sangat menakutkan...)

2. tag set medan

Perkara ini bersamaan dengan GroupBox dalam .NET, tetapi saya tidak tahu ia berfungsi untuk mengumpulkan elemen berkaitan dalam bentuk:

<set medan> <legend>Indeks:</legend> <ul> <li><a href="#">Indeks semua artikel</a></li> <li><a href="#">Perkara kambing biri-biri perlu bangun untuk hari ini</a></li> <li><a href="#">Sheeple kami telah berjaya bangun</a></li> </ul> </fieldset>

Petua: Anda boleh mengubah suai sebahagian kod sebelum menjalankan

Tag

legenda menyatakan tajuk KOTAK ini.

3. tag kawasan

Hiperpautan boleh diletakkan terus pada kawasan tertentu imej! Hanya padankan teg peta dan atribut usemap img (perhatikan bahawa selepas mengklik pada gambar untuk melompat ke halaman lain, ingat untuk kembali ^_^):

Petua: Anda boleh mengubah suai sebahagian daripada kod sebelum menjalankan

4. output标签

这个标签能够直接显示脚本的运算结果（注意：目前IE的任何版本都不支持），以下脚本似乎不工作，可能是因为WP的原因所致：

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output> </form></p> <p><p><strong>Note:</strong> The output tag is not supported in Internet Explorer.</p> </form>
提示：您可以先修改部分代码再运行

5. mark标签

直接能够高亮一段文字，不需要把文字拆开即可实现：

<p>Do not forget to buy <mark>milk</mark> today.</p>
提示：您可以先修改部分代码再运行

今天先到这吧，以后看到好的HTML标签和特效再贴上来。