Ketika Anda mulai menjelajahi dunia desain web, Anda pasti akan diperkenalkan ke sejumlah kata dan frasa yang baru bagi Anda. Salah satu istilah yang mungkin Anda dengar adalah "markup" atau mungkin "bahasa markup". Bagaimana "markup" berbeda dari "kode" dan mengapa beberapa profesional web tampaknya menggunakan istilah ini secara bergantian? Mari kita mulai dengan melihat dengan tepat apa itu "bahasa markup".
Mari Kita Lihat 3 Bahasa Markup
Hampir setiap akronim di Web yang memiliki "ML" di dalamnya adalah "bahasa markup" (kejutan besar, itulah arti "ML"). Bahasa markup adalah blok bangunan yang digunakan untuk membuat halaman web atau semua bentuk dan ukuran.
Pada kenyataannya, ada banyak bahasa markup yang berbeda di luar sana di dunia. Untuk desain dan pengembangan web, ada tiga bahasa markup khusus yang kemungkinan akan Anda jalankan. Ini adalah HTML, XML, dan XHTML .
Apa itu Bahasa Markup?
Untuk mendefinisikan istilah ini dengan tepat - bahasa markup adalah bahasa yang membubuhi keterangan teks sehingga komputer dapat memanipulasi teks itu. Kebanyakan bahasa markup dapat dibaca oleh manusia karena anotasi ditulis dengan cara membedakannya dari teks itu sendiri. Misalnya, dengan HTML, XML, dan XHTML, tag markup adalah
Sebagai contoh:
Ini adalah paragraf teks yang ditulis dalam HTML
Contoh ini adalah paragraf HTML. Ini terdiri dari tag pembuka (
), tag penutup (), dan teks sebenarnya yang akan ditampilkan di layar (ini adalah teks yang terdapat di antara dua tag). Setiap tag menyertakan simbol "kurang dari" dan "hebat" untuk menetapkannya sebagai bagian dari markup.
Ketika Anda memformat teks untuk ditampilkan di komputer atau layar perangkat lain , Anda perlu membedakan antara teks itu sendiri dan instruksi untuk teks. "Markup" adalah instruksi untuk menampilkan atau mencetak teks.
Markup tidak harus dapat dibaca komputer. Anotasi yang dilakukan di media cetak atau di buku juga dianggap sebagai markup. Misalnya, banyak siswa di sekolah akan menyoroti frasa tertentu di buku teks mereka. Ini menunjukkan bahwa teks yang disorot lebih penting daripada teks di sekitarnya. Warna sorotan dianggap sebagai markup.
Markup menjadi bahasa ketika aturan dikodifikasikan di sekitar cara menulis dan menggunakan markup itu. Siswa yang sama itu bisa memiliki "bahasa pengambilan catatan" mereka sendiri jika mereka menyusun aturan seperti "stabilo ungu untuk definisi, kuning stabilo adalah untuk rincian ujian, dan catatan pensil di pinggiran adalah untuk sumber daya tambahan."
Kebanyakan bahasa markup didefinisikan oleh otoritas luar untuk digunakan oleh banyak orang yang berbeda. Beginilah cara bahasa markup untuk pekerjaan Web. Mereka didefinisikan oleh W3C, atau World Wide Web Consortium .
HTML — Bahasa Markup HyperText
HTML atau HyperText Markup Language adalah bahasa utama dari Web dan yang paling umum Anda akan bekerja dengan sebagai desainer web / pengembang.
Bahkan, itu mungkin satu-satunya bahasa markup yang Anda gunakan dalam pekerjaan Anda.
Semua halaman web ditulis dalam nuansa HTML. HTML mendefinisikan cara gambar , multimedia, dan teks ditampilkan di browser web. Bahasa ini termasuk elemen untuk menghubungkan dokumen Anda (hypertext) dan membuat dokumen web Anda interaktif (seperti dengan formulir). Banyak orang menyebut HTML "kode situs web", tetapi sebenarnya ini benar-benar hanya bahasa markup. Tidak ada istilah yang benar-benar salah dan Anda akan mendengar orang, termasuk profesional web, menggunakan kedua istilah ini secara bergantian.
HTML adalah bahasa markup standar yang ditetapkan. Ini didasarkan pada SGML (Standard Generalized Markup Language).
Ini adalah bahasa yang menggunakan tag untuk menentukan struktur teks Anda. Elemen dan tag ditentukan oleh karakter
Meskipun HTML sejauh ini merupakan bahasa markup paling populer yang digunakan di Web saat ini, HTML bukan satu-satunya pilihan untuk pengembangan web. Ketika HTML dikembangkan, itu semakin rumit dan gaya dan tag konten digabungkan menjadi satu bahasa. Akhirnya, W3C memutuskan bahwa ada kebutuhan untuk pemisahan antara gaya halaman web dan konten. Tag yang mendefinisikan konten saja akan tetap dalam HTML sementara tag yang mendefinisikan gaya tidak lagi mendukung CSS (Cascading Style Sheets).
Versi terbaru dari HTML adalah HTML5. Versi ini menambahkan lebih banyak fitur ke dalam HTML dan menghapus beberapa ketegasan yang dikenakan oleh XHTML (lebih lanjut tentang bahasa itu segera).
Cara HTML dirilis telah diubah dengan munculnya HTML5. Hari ini, fitur dan perubahan baru ditambahkan tanpa perlu ada versi baru bernomor yang dirilis. Versi terbaru dari bahasa ini hanya disebut sebagai "HTML."
XML — Bahasa Markup yang Efektif
Bahasa Markup eXtensible adalah bahasa yang versi lain dari HTML didasarkan pada. Seperti HTML, XML juga didasarkan pada SGML. Ini kurang ketat daripada SGML dan lebih ketat daripada HTML biasa. XML menyediakan kemampuan untuk membuat berbagai bahasa yang berbeda.
XML adalah bahasa untuk menulis bahasa markup. Misalnya, jika Anda mengerjakan silsilah, Anda dapat membuat tag menggunakan XML untuk mendefinisikan ayah, ibu, anak perempuan, dan anak dalam XML Anda seperti ini:
Ada juga beberapa bahasa standar yang sudah dibuat dengan XML: MathML untuk mendefinisikan matematika, SMIL untuk bekerja dengan multimedia, XHTML, dan banyak lainnya.
XHTML — eXtended HyperText Markup Language
XHTML 1.0 adalah HTML 4.0 yang didefinisikan ulang untuk memenuhi standar XML . XHTML telah diganti dalam desain web modern dengan HTML5 dan perubahan yang terjadi sejak itu. Anda tidak mungkin menemukan situs baru menggunakan XHTML, tetapi jika Anda bekerja di situs yang jauh lebih tua, Anda mungkin masih menemukan XHTML di luar sana di alam liar.
Tidak banyak perbedaan besar antara HTML dan XHTML , tetapi ini yang akan Anda perhatikan:
- XHTML ditulis dalam huruf kecil. Sementara tag HTML dapat ditulis dalam kasus UPPER, Casing MiXeD, atau huruf kecil, untuk menjadi benar, tag XHTML harus semuanya huruf kecil. (Catatan - banyak profesional web menulis HTML dalam semua huruf kecil, meskipun tidak diperlukan secara teknis).
- Semua elemen XHTML harus memiliki tag akhir. Elemen dengan hanya satu tag, seperti dan perlu garis miring (/) di bagian akhir tag:
- Semua atribut harus dikutip dalam XHTML. Beberapa orang menghapus tanda kutip di sekitar atribut untuk menghemat ruang, tetapi mereka diperlukan untuk XHTML yang benar.
- XHTML mengharuskan tag disarangkan dengan benar. Jika Anda membuka elemen tebal () dan kemudian elemen miring (), Anda harus menutup elemen italik () sebelum Anda menutup tebal (). (Perhatikan bahwa kedua elemen ini tidak lagi digunakan karena merupakan elemen visual. Sekarang HTML menggunakan dan sebagai pengganti kedua)
- Atribut HTML harus memiliki nama dan nilai. Atribut yang berdiri sendiri dalam HTML harus dinyatakan dengan nilai juga, misalnya, atribut HR akan ditulis noshade = "noshade".
Artikel asli oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 7/5/17.