Artikel Pengenalan Wulin.com (www.vevb.com): Pengembangan teknologi internet sangat cepat. Jika Anda tidak hati -hati, Anda mungkin tidak dapat mengikutinya. Perubahan dan pembaruan HTML5 juga membuat banyak orang kewalahan. Artikel ini akan memperkenalkan beberapa teknik HTML yang paling mendasar dan sangat penting kepada Anda.
Pengembangan teknologi yang terhubung sangat cepat. Jika Anda tidak hati -hati, Anda mungkin tidak dapat mengikutinya. Perubahan dan pembaruan HTML5 juga membuat banyak orang kewalahan. Artikel ini akan memperkenalkan beberapa teknik HTML yang paling mendasar dan sangat penting kepada Anda.
1. Jenis dokumen baru (Doctype)
Apakah Anda masih menggunakan tipe dokumen XHTML di atas yang merepotkan dan sulit diingat? Jika ini masih terjadi, saatnya untuk beralih ke jenis dokumen HTML5 yang baru.
Hanya 15 karakter yang sederhana. (Catatan: Deklarasi Doctype Anda perlu muncul di baris pertama file HTML Anda.)
2. Elemen Grafik (Gambar)
Pertimbangkan menggunakan kode berikut untuk menandai gambar?
Sayangnya, itu tidak dapat dikaitkan dengan judul grafik dengan cara yang sederhana dan semantik, karena hanya dibungkus dengan tanda paragraf dan elemen gambar, dan HTML5 meningkatkan ini dengan memperkenalkan elemen <figure>. Saat digunakan bersama dengan elemen <figCaption>, kita dapat memasangkan judul grafis dengan grafik. Kodenya adalah sebagai berikut:
3. Mendefinisikan ulang <small>
Ternyata Anda dapat menggunakan elemen <small> untuk membuat subtitle terkait erat dengan logo. Namun, sekarang HTML5 telah memodifikasi penggunaan ini, dan elemen <small> telah didefinisikan ulang, atau lebih tepat, sekarang digunakan untuk mewakili kata -kata kecil atau catatan samping lainnya (seperti pemberitahuan hak cipta di bagian bawah situs web).
4. Tidak ada lagi skrip atau jenis tautan yang diperlukan
Kemungkinan besar Anda masih menambahkan properti tipe ke tautan dan tag skrip Anda seperti kode di bawah ini.
Di HTML5, ini tidak lagi diperlukan. Ini berarti bahwa kedua label ini masing -masing mewakili gaya dan skrip. Karena itu, kita dapat menghapus semua atribut tipe mereka. Kodenya adalah sebagai berikut:
5. Gunakan atau tidak kutipan
Ingat, html5 berbeda dari xhtml, dan Anda tidak perlu membungkus atribut dalam kutipan jika Anda tidak menyukainya. Namun, jika Anda berpikir menggunakan kutipan akan membuat Anda merasa lebih nyaman, tentu saja tidak akan ada masalah.
6. Jadikan konten Anda dapat diedit
Salah satu fitur yang sangat kuat dari HTML5 dapat diedit, yang, sesuai namanya, akan memungkinkan pengguna untuk mengedit konten teks apa pun yang terkandung dalam suatu elemen (termasuk elemen anaknya). Ini memiliki berbagai macam kegunaan, seperti daftar tugas sederhana atau situs berbasis wiki, dan salah satu keuntungannya adalah menggunakan penyimpanan lokal.
Atau, seperti yang dikatakan trik kelima, Anda juga dapat menulis kode pada baris sembilan seperti ini (tanpa kutipan):
7. Input email
Jika kami menerapkan jenis email untuk menentukan bentuk input, kami dapat memerintahkan browser untuk hanya mengizinkan input string yang sesuai dengan struktur alamat email yang valid. Meskipun verifikasi bentuk bawaan akan segera tiba, kami tidak dapat sepenuhnya mengandalkan ini. Browser yang lebih tua tidak mengerti jenis email ini, mereka hanya kembali ke kotak teks normal.
Ketika datang ke elemen dan atribut yang didukung oleh browser dan tidak mendukung, Anda harus tahu bahwa semua browser tidak dapat diandalkan saat ini. Misalnya, Opera hanya mendukung verifikasi email jika Anda menentukan atribut nama. Namun, itu tidak mendukung atribut placeholder (seperti yang akan dibahas di bawah). Akhirnya, sementara Anda dapat menggunakan bentuk verifikasi ini, jangan terlalu mengandalkannya.