HTML Tutorial Baca Lanjut: Mengubah Penampilan dan Makna Teks
Banyak tanda yang dapat digunakan untuk mengubah penampilan teks dan menghubungkan makna tersembunyi teks. Secara umum, tanda-tanda ini dapat dibagi dalam dua kategori: gaya konten (content-based style) dan gaya fisik (physical style).
Sama-sama, piawai yang ditetapkan W3C untuk Cascading Style Sheets (CSS) kini telah didukung oleh sebagian besar peramban, ia menyediakan cara yang lebih khusus bagi penulis untuk mengawasi penampilan dan tata letak teks dokumen.Untuk belajar lebih banyak tentang CSS, silakan kunjungi W3school yang menyediakan Panduan CSS。
Berdasarkan gaya konten
Tag gaya berdasarkan konten akan memberitahu pelayar bahwa teks yang disertakan memiliki makna, konteks atau penggunaan khusus. kemudian pelayar akan menerapkan format yang sejalan dengan makna, konteks atau penggunaan ini ke atas teks. Perhatikan perbezaan di antara ini. Tag berdasarkan konten memberikan makna, bukan formatasi. Oleh kerana itu, mereka penting bagi pengelolaan otomatis; komputer tidak memperhatikan penampilan dokumen.
Karena gaya font ditentukan melalui tanda semantik, pelayar dapat memilih gaya penunjukan yang sesuai untuk pengguna. Karena gaya yang berbeda di tempat yang berbeda, penggunaan gaya berdasarkan konten dapat membantu anda memastikan bahwa dokumen anda memiliki makna bagi seorang pembaca yang luas. Ini terutama penting bagi pelayar yang disediakan bagi pengguna buta dan cacat, kerana pilihan penunjukan mereka mungkin sangat berbeda daripada teks tradisional atau mempunyai batasan yang sangat besar.
Standard HTML dan XHTML saat ini tidak mendefinisikan format untuk setiap tag berdasarkan konten; mereka hanya menyatakan perlu untuk menunjukkan gaya berdasarkan konten dengan cara yang berbeda daripada teks biasa dalam dokumen. Standard bahkan tidak memerlukan gaya berdasarkan konten yang berbeda untuk ditunjukkan dengan cara yang berbeda. Dalam praktek, anda mungkin menemukan banyak tag seperti ini yang sangat terhubung dengan persilahan tradisional, mereka memiliki makna yang serupa dan gaya penampilan, dan di banyak pelayar ditunjukkan dengan gaya dan font yang sama.
Pada penggunaan tag gaya berdasarkan konten HTML/XHTML, patut diikuti beberapa peraturan kerana hanya berfikir tentang cara teks ditunjukkan, tanpa tahu makna teks, adalah mudah. Sebagai seorang pengguna tag gaya berdasarkan konten, dokumen akan lebih konsisten dan dapat membantu eksekusi carian otomatis dan suntingan konten. Tag-tag ini adalah:
Gaya Fisik
Dalam membincangkan tag gaya berdasarkan konten, kami sering menggunakan kata 'ingin'. Ini disebabkan makna yang disampaikan oleh tag lebih penting daripada cara pelayar menunjukkan teks. Walau bagaimanapun, dalam beberapa keadaan, mungkin disebabkan oleh faktor kepatuhan atau hak cipta dan sebagainya, anda ingin teks untuk ditunjukkan dalam cara khusus (contohnya italik atau tebal). Dalam keadaan ini, anda boleh menggunakan gaya fisik teks.
Walaupun corak trend sistem penanganan teks lain adalah mengawal penampilan dan gaya dengan tepat, tetapi dalam penggunaan HTML atau XHTML, kecuali dalam keadaan yang jarang, patut menghindari penggunaan tag fisik. Patut sebaik mungkin memberikan informasi konteks kepada pelayar dan menggunakan gaya yang berdasarkan konten. Walaupun sekarang pelayar hanya menunjukkan teks ini dalam gaya italik atau tebal, tetapi pelayar dan alat penghasil dokumen lainnya mungkin akan menggunakan gaya yang kreatif untuk menghampiri gaya yang berdasarkan konten.
Standard HTML/XHTML sekarang menyediakan 9 jenis gaya fisik, termasuk teks tebal (bold), tebal miring (italic), lebar tebal (monospaced), garis bawah (underlined), garis delete (strikethrough), besar (larger), kecil (smaller), superskrip (superscripted) dan subskrip (subscripted) teks. Tanda-tanda ini adalah:
Petunjuk:Ingatkan tanda gaya fisik ini mempunyai kesan kuat terhadap teks yang berikutnya. Untuk mengawasi penuh penampakan teks di seluruh dokumen, gunakan stylesheet.