10 Cool Things HTML Tags Can Do
Pada masa ini terdapat a jumlah 142 elemen HTML diseragamkan oleh W3C tidak termasuk orang-orang dalam fasa awal penyeragaman dan yang telah usang. Yang berkata, adalah mungkin untuk melepaskan atau melupakan beberapa daripada mereka yang boleh berguna apabila diperlukan.
Terdahulu kami melakukan rekap beberapa teknik CSS terbaik yang mungkin anda perhatikan. Siaran ini akan mengingatkan anda beberapa tag HTML yang anda tidak tahu yang anda boleh gunakan untuk melaksanakan ciri-ciri seperti:
1. Imej Peta
HTML elemen boleh digunakan untuk membuat peta imej. Peta imej pada dasarnya imej dengan area yang boleh diklik pada mereka, yang boleh dihubungkan ke laman web lain atau bahagian lain dari dokumen yang sama. Anda boleh menentukan bahagian mana imej yang boleh diklik dengan hanya menyebutkan koordinat X Y sama dengan titik tersebut
elemen bersarang di dalam
.
Catatan: Kawasan-kawasan yang boleh diklik tidak boleh digayakan melalui CSS jadi, jika anda mahu penanda itu digayakan, gunakan perisian penyuntingan imej mudah untuk menarik penanda.
Petua: Jika anda ingin tahu koordinat untuk titik dalam imej, buka imej dalam perisian pengeditan imej dan gerakkan kursor ke titik itu, anda harus dapat melihat koordinat itu dalam perisian itu sendiri. Untuk GIMP ia ditunjukkan di sebelah kiri bar bawah.
2. Cadangan input
Guna untuk menyediakan senarai cadangan yang relevan yang muncul semasa menaip nilai input.
3. Sorot Teks
Teks yang disorot biasanya mempunyai warna teks gelap dengan latar belakang cahaya. Anda boleh mencapai kesan teks yang diserlahkan dengan markup sahaja. Sebarang teks tertutup di dalam akan mempunyai kesan itu.
Anda boleh menyesuaikannya menyerlahkan warna dengan warna latar belakang
Harta CSS dari dan juga warna teks dengan
warna
harta.
4. Tentukan Templat
Bersama dengan HTML5 datang yang baru elemen. The
elemen memegang markup di dalamnya yang tidak diberikan oleh penyemak imbas, markup yang dilampirkan olehnya akan digunakan untuk menjana kandungan dinamik dalam halaman menggunakan JavaScript.
Contohnya, katakan anda mempunyai a Cetakan halus merujuk kepada teks dokumen yang biasanya dicetak dalam saiz yang sangat kecil yang mengandungi maklumat seperti syarat, syarat, sekatan, kutipan, hak undang-undang dll. The Catatan: Semua URL relatif di halaman akan dirujuk berdasarkan URL asas, jika anda mempunyai sebarang pautan dengan domain yang berlainan jangan lupa memberikan URL lengkap kepadanya. Pembangunan web responsif dalam gaya dengan akses mudah alih yang semakin berkembang. Imej boleh ditoggalkan untuk saiz skrin yang berbeza dengan markup. The Catatan: Ini kini berfungsi di Chrome sahaja. Anda perlu tetapkan HTML5 memperkenalkan banyak elemen jenis input baru; elemen input warna adalah salah satu daripadanya. Ia membolehkan anda memilih warna pada laman web dengan bantuan pemetik warna. Jika anda mempunyai banyak pilihan dalam senarai jatuh turun dan ingin menunjukkan kepada mereka dikelompokkan, Penanda di dalam di mana baris akan ditambah secara dinamik, anda boleh meletakkan markup barisan kosong jadual itu di dalamnya
tag dan apabila diperlukan memanggil fungsi JavaScript yang mengandungi skrip untuk menyalin markup dari dalam tag template dan menambahkannya ke markup meja. Ini tidak disokong oleh IE.
5. Fine Print
tag dalam HTML boleh digunakan untuk menunjukkan cetakan halus. Dari HTML5 dan seterusnya
tag tidak hanya menunjukkan teks gaya cetakan halus tetapi juga akan menentukan secara semantinya sama seperti penafian dan peringatan undang-undang.
6. Menetapkan URL Asas
Unsur HTML agak berguna apabila anda mempunyai banyak pautan dalam dokumen anda dengan URL domain yang sama, ia membolehkan anda menambah URL asas kepada dokumen yang seterusnya membolehkan anda menambah URL relatif sahaja ke pautan lain dalam halaman yang diperlukan.7. Imej Responsif
Elemen HTML5 membolehkan anda menambah pelbagai sumber imej untuk media yang berlainan untuk imej di dalamnya.
dom.image.picture.enable
kepada benar
dalam mengenai: config
dalam Firefox.8. Pemetik Warna
9. Pilihan kumpulan
elemen akan mendapat kerja selesai. Anda juga boleh gaya kumpulan dengan CSS.
10. The
elemen
hanya diberikan oleh penyemak imbas apabila skrip dimatikan. Teg ini berguna untuk memberitahu pengguna apabila skrip dimatikan dalam penyemak imbas mereka dan untuk menyediakan sebarang mekanisme sandaran balik bagi komponen di laman web yang akan berhenti berfungsi tanpa JavaScript.
Sekarang Baca: 15 Trik CSS Berguna Anda Mungkin Telah Terlihat