Posting ini mungkin hanya berupa dokumentasi mengenai pemberian markup pada dokumen HTML, termasuk posting blog. Fungsinya ± agar dokumen tampak lebih semantik & aksesibel. Mungkin kita jarang memikirkan — bahkan menggunakan — beberapa tag serta simbol HTML berikut dalam posting. Padahal ini merupakan salah satu poin penting untuk meningkatkan keterbacaan dokumen yang kita ciptakan.
| Deskrisi | Tag HTML |
|---|
| Blok paragraf | <p>…</p> |
| Daftar terurut | <ol><li>…</li><li>…</li></ol> |
| Daftar tidak terurut | <ul><li>…</li><li>…</li></ul> |
| Daftar definisi | <dl><dt>…</dt><dd>…</dd><dd>…</dd>
<dt>…</dt><dd>…</dd><dd>…</dd></dl> |
| Kutipan | <q>…</q> |
| Blok kutipan | <blockquote><p>…</p></blockquote> |
| Teks tebal | <strong>…</strong>, <b>…</b> |
| Teks miring | <em>…</em>, <i>…</i> |
| Teks bebas | <pre>…</pre> |
| Blok kode | <pre><code>…</code></pre> |
| Kepanjangan dari | <abbr title="">…</abbr> |
| Teks penting | <mark>…</mark> |
| Teks Kode | <code>…</code> |
| Teks tombol papan ketik | <kbd>…</kbd> |
| Teks dihapus | <del>…</del> |
| Teks superskrip | <sup>…</sup> |
| Teks subskrip | <sub>…</sub> |
| Teks Pranala | <a href="" title="">…</a> |
| Penanda gambar | <img src="" alt="" width="" height=""…/> |
| Tabel | Menata pembuatan tabel dalam blog |
| Figure/Lampiran | <figure>…<figcaption>…</figcaption></figure> |
Kita tinggal menyisipkan teks dalam “dot, dot, dot” (…) dalam tag HTML pada tabel di atas. Sedangkan pada figure dapat dimasukkan gambar, audio, video, blok kutipan, dan sebagainya sebagai fungsi lampiran dari suatu dokumen HTML (sebelum figcaption atau deskripsi lampiran).Kemudian tabel berikut merupakan beberapa pengkodean tanda baca yang sering digunakan dengan menekan tombol tertentu pada papan ketik. Tetapi hal tersebut mungkin bukan aktivitas yang tepat untuk memaknai dokumen HTML, terutama dalam posting blog.
Simbol beberapa tanda baca| Deskripsi | Tanda | Simbol HTML | Numerik |
|---|
| Ampersand | & | & | & |
| Spasi | | |   |
| Lebih kurang | ± | ± | ± |
| Pecahan ¼ | ¼ | ¼ | ¼ |
| Pecahan ½ | ½ | ½ | ½ |
| Pecahan ¾ | ¾ | ¾ | ¾ |
| Perkalian | × | × | × |
| Pembagian | ÷ | ÷ | ÷ |
| Tanda pisah En | – | – | – |
| Tanda pisah Em | — | — | — |
| Tanda petik pembuka tunggal | ‘ | ‘ | ‘ |
| Tanda petik penutup tunggal | ’ | ’ | ’ |
| Tanda petik pembuka ganda | “ | “ | “ |
| Tanda petik penutup ganda | ” | ” | ” |
| Ellipsis | … | … | … |
| Menit | ′ | ′ | ′ |
| Detik | ″ | ″ | ″ |
Beberapa uraian penjelas tentang penggunaan simbol beberapa tanda baca adalah sebagai berikut:
- Perkalian
× akan lebih baik daripada menekan tombol X pada papan ketik. - Pembagian
÷ akan lebih baik daripada menekan tombol / pada papan ketik. - Tanda petik, menit, atau detik
‘, ’, “, ”, ′, dan ″ akan lebih baik daripada menekan tombol ' dan " pada papan ketik. - Tanda pisah
– dan — akan lebih baik daripada menekan tombol - pada papan ketik.- Penggunaan
– yang berarti “sampai dengan”, contoh:
2012 – 2013 - Penggunaan
— untuk menjelaskan suatu kata atau frase kata di luar bangun kalimat, contoh:
Saya pekerja swasta — desain situs web — di salah satu anak perusahaan MiMNeT
—ς∞ς—
Sulit? Tidak ada yang sulit jika kita ingin belajar memulainya. Dulu saya juga tidak memahami pengkodean & kurang begitu tertarik dengan hal tersebut. Namun seiring perkembangan serta pengalaman dalam blogging, ternyata semantik adalah sesuatu hal yang menarik, sehingga menjadi sebuah keharusan ketika ingin membuat dokumen HTML atau XHTML.
Code is poetry
—ς∞ς—