10 Hal Keren yang Dapat Dilakukan Tag HTML
Saat ini ada a total 142 elemen HTML distandarisasi oleh W3C tidak termasuk yang dalam fase awal standardisasi dan yang sudah usang. Yang mengatakan, adalah mungkin untuk kehilangan atau melupakan beberapa dari mereka yang dapat berguna saat dibutuhkan.
Sebelumnya kami telah melakukan rekap beberapa trik CSS terbaik yang mungkin Anda abaikan. Posting ini akan mengingatkan Anda beberapa tag HTML yang Anda tidak tahu dapat Anda gunakan untuk mengimplementasikan fitur-fitur seperti:
1. Peta Gambar
HTML elemen dapat digunakan untuk membuat peta gambar. Peta gambar pada dasarnya adalah gambar dengan area yang dapat diklik pada mereka, yang dapat hyperlink ke halaman web lain atau bagian lain dari dokumen yang sama. Anda dapat menentukan area mana dari suatu gambar yang dapat diklik dengan hanya menyebutkan koordinat XY terkait dari titik-titik di
elemen bersarang di dalamnya
.
catatan: Area yang dapat diklik tidak dapat ditata melalui CSS jadi, jika Anda ingin penanda tersebut ditata, gunakan perangkat lunak pengeditan gambar sederhana untuk menggambar penanda tersebut..
Tip: Jika Anda ingin mengetahui koordinat untuk suatu titik dalam suatu gambar, buka gambar dalam perangkat lunak pengedit gambar dan pindahkan kursor ke titik itu, Anda harus dapat melihat koordinatnya dalam perangkat lunak itu sendiri. Untuk GIMP ditampilkan di sisi kiri bilah bawah.
2. Masukkan saran
Menggunakan untuk memberikan daftar saran yang relevan yang muncul saat mengetik nilai input.
3. Sorot Teks
Teks yang disorot biasanya memiliki warna teks gelap dengan latar belakang yang terang. Anda dapat mencapai efek teks yang disorot dengan markup saja. Teks apa pun yang terlampir di dalam akan memiliki efek itu.
Anda dapat menyesuaikan sorot warna dengan warna latar belakang
Properti CSS dari dan warna teks dengan
warna
milik.
4. Tentukan Templat
Seiring dengan HTML5 muncul yang baru elemen. Itu
elemen memegang markup di dalamnya yang tidak dirender oleh browser, markup yang dilampirkan olehnya harus digunakan untuk menghasilkan konten dinamis di halaman menggunakan JavaScript.
Misalnya, anggap Anda memiliki Cetak halus mengacu pada teks dokumen yang biasanya dicetak dalam ukuran sangat kecil yang berisi informasi seperti kondisi, ketentuan, batasan, kutipan, hak hukum dll. Itu catatan: Semua URL relatif di halaman akan dirujuk berdasarkan URL dasar, jika Anda memiliki tautan dengan domain lain, jangan lupa untuk menetapkan URL lengkap ke dalamnya. Pengembangan web yang responsif sedang populer dengan akses seluler yang terus meningkat. Gambar dapat diaktifkan untuk berbagai ukuran layar dengan markup. Itu catatan: Saat ini hanya berfungsi di Chrome. Anda harus mengatur HTML5 memperkenalkan banyak elemen tipe input baru; elemen input warna adalah salah satunya. Ini memungkinkan Anda memilih warna pada halaman web dengan bantuan pemilih warna. Jika Anda memiliki banyak opsi di daftar turun bawah dan ingin memperlihatkannya dikelompokkan, menu Markup di dalam di mana baris akan ditambahkan secara dinamis, Anda cukup meletakkan markup dari baris kosong dari tabel itu di dalam
tag dan bila perlu panggil fungsi JavaScript yang berisi skrip untuk menyalin markup dari dalam tag templat dan menambahkannya ke markup tabel. Ini tidak didukung oleh IE.
5. Cetak Baik
tag dalam HTML dapat digunakan untuk menampilkan cetakan halus. Dari HTML5 dan seterusnya
tag tidak hanya menampilkan teks gaya cetak halus tetapi juga akan secara semantik mendefinisikan hal yang sama dengan penolakan hukum dan peringatan.
6. Tetapkan URL Basis
Elemen HTML cukup berguna ketika Anda memiliki banyak tautan di dokumen Anda dengan URL domain yang sama, memungkinkan Anda untuk menambahkan URL dasar ke dokumen yang pada gilirannya memungkinkan Anda untuk menambahkan hanya URL relatif ke tautan lain di halaman sesuai kebutuhan.7. Gambar Responsif
Elemen HTML5 memungkinkan Anda menambahkan berbagai sumber gambar untuk berbagai media untuk gambar di dalamnya.
dom.image.picture.enable
untuk benar
di tentang: konfigurasi
di Firefox.8. Color Picker
9. Opsi grup
elemen akan menyelesaikan pekerjaan. Anda juga dapat menata grup dengan CSS.
10. The
elemen
diberikan oleh browser hanya ketika skrip dinonaktifkan. Tag ini berguna untuk memberi tahu pengguna ketika skrip dinonaktifkan di browser mereka dan untuk menyediakan mekanisme fallback alternatif untuk komponen pada halaman web yang akan berhenti bekerja tanpa JavaScript..
Sekarang Baca: 15 Trik CSS Berguna yang Mungkin Anda Hindari