Salah satu tag yang akan Anda pelajari di awal desain web pendidikan adalah sepasang tag yang dikenal sebagai "tag penekanan." Mari kita lihat apa itu tag dan bagaimana mereka digunakan dalam desain web hari ini.
Kembali ke XHTML
Jika Anda belajar HTML bertahun-tahun yang lalu, jauh sebelum munculnya HTML5, Anda mungkin menggunakan tag tebal dan miring. Seperti yang Anda harapkan, tag ini masing-masing mengubah elemen menjadi teks tebal atau teks miring. Masalah dengan tag ini, dan mengapa mereka disingkirkan demi elemen baru (yang akan kita lihat segera), adalah bahwa mereka bukan elemen semantik. Ini karena mereka menentukan bagaimana teks seharusnya terlihat daripada informasi tentang teks. Ingat, HTML (di mana tag ini akan ditulis) adalah tentang struktur, bukan gaya visual! Visual ditangani oleh CSS dan praktik terbaik desain web telah lama menyatakan bahwa Anda harus memiliki pemisahan gaya dan struktur yang jelas di halaman web Anda. Ini berarti tidak menggunakan elemen yang non-semantik dan yang detailnya terlihat daripada strukturnya. Inilah sebabnya mengapa berani dan
huruf miring tag umumnya telah diganti dengan kuat (untuk huruf tebal) dan penekanan (untuk huruf miring).dan
Elemen yang kuat dan penekanan menambahkan informasi ke teks Anda, merinci konten yang harus diperlakukan secara berbeda dan ditekankan saat konten itu diucapkan. Anda menggunakan elemen-elemen ini dengan cara yang hampir sama seperti Anda menggunakan huruf tebal dan miring di masa lalu. Cukup kelilingi teks Anda dengan tag pembuka dan penutup ( dan untuk penekanan dan dan untuk penekanan yang kuat) dan teks terlampir akan ditekankan.
Anda dapat menyarangkan tag ini dan tidak masalah yang merupakan tag eksternal. Berikut adalah beberapa contoh.
Teks ini ditekankan dan sebagian besar browser akan menampilkannya sebagai miring.
Teks ini sangat ditekankan dan sebagian besar browser akan menampilkannya sebagai huruf tebal.
Dalam kedua contoh ini, kami tidak mendikte tampilan visual dengan HTML. Ya, tampilan default dari tag akan dicetak miring dan akan menjadi tebal, tetapi tampilan itu dapat dengan mudah diubah dalam CSS. Ini adalah yang terbaik dari kedua dunia. Anda dapat memanfaatkan gaya browser default untuk mendapatkan teks miring atau tebal di dokumen Anda tanpa benar-benar melewati batas dan mencampur struktur dan gaya. Katakan kamu menginginkan itu teks tidak hanya menjadi tebal tetapi juga menjadi merah, Anda dapat menambahkan ini ke SCS.
kuat {
warna merah;
}
Dalam contoh ini, Anda tidak perlu menambahkan properti untuk font-weight tebal karena itu adalah default. Namun, jika Anda tidak ingin membiarkannya kebetulan, Anda selalu dapat menambahkannya:
kuat {
font-berat: tebal;
warna merah;
}
Sekarang Anda akan dijamin memiliki halaman dengan teks tebal (dan merah) di mana pun tag digunakan.
Gandakan Penekanan
Satu hal yang kami perhatikan sepanjang tahun adalah apa yang terjadi jika Anda mencoba menggandakan penekanan. Sebagai contoh:
Teks ini harus memiliki keduanya dicetak tebal dan miring teks di dalamnya.
Anda akan berpikir bahwa baris ini akan menghasilkan area yang memiliki teks tebal DAN miring. Kadang-kadang ini memang terjadi, tetapi kami telah melihat beberapa browser hanya menghormati gaya penekanan kedua dari dua, yang paling dekat dengan teks aktual yang dimaksud, dan hanya menampilkan ini sebagai miring. Ini adalah salah satu alasan mengapa kami tidak menggandakan tag penekanan.
Alasan lain untuk menghindari "penggandaan" ini adalah untuk tujuan gaya. Satu bentuk penekanan biasanya cukup untuk menyampaikan nada yang ingin Anda atur. Anda tidak perlu menebalkan, memiringkan, mewarnai, memperbesar, dan menggarisbawahi teks agar terlihat menonjol. Teks itu, akankah semua jenis penekanan yang berbeda itu, akan menjadi norak. Jadi berhati-hatilah saat menggunakan tag penekanan atau gaya CSS untuk memberikan penekanan dan jangan berlebihan.
Catatan tentang Tebal dan Miring
Satu pemikiran terakhir - sementara yang berani () dan miring () tag tidak lagi direkomendasikan untuk digunakan sebagai elemen penekanan, ada beberapa desainer web yang menggunakan tag ini untuk menata area teks sebaris. Pada dasarnya, mereka menggunakannya seperti elemen. Ini bagus karena tagnya sangat pendek, tetapi menggunakan elemen ini dengan cara ini umumnya tidak disarankan. Kami menyebutkannya jika Anda melihatnya di luar sana di beberapa situs yang digunakan bukan untuk membuat teks tebal atau miring, tetapi untuk membuat kait CSS untuk beberapa jenis gaya visual lainnya.