Apabila anda mula meneroka dunia reka bentuk web, anda pasti akan diperkenalkan kepada beberapa perkataan dan frasa yang baru kepada anda. Salah satu istilah yang mungkin anda dengar ialah "markup" atau mungkin "bahasa markup". Bagaimanakah "markup" berbeza daripada "kod" dan mengapa sesetengah profesional web seolah-olah menggunakan istilah ini secara bergantian? Mari kita mulakan dengan melihat tepat apa "bahasa markup".
Mari Lihat 3 Bahasa Markup
Hampir setiap akronim di Web yang mempunyai "ML" di dalamnya adalah "bahasa markup" (kejutan besar, itulah yang disebut "ML"). Bahasa markup ialah blok bangunan yang digunakan untuk membuat halaman web atau semua bentuk dan saiz.
Sebenarnya terdapat banyak bahasa markup yang berbeza di dunia. Untuk reka bentuk dan pembangunan web, terdapat tiga bahasa markup tertentu yang mungkin anda jalankan. Ini adalah HTML, XML, dan XHTML .
Apakah Bahasa Markup?
Untuk mentakrifkan istilah ini dengan betul - bahasa markup adalah bahasa yang meringkaskan teks supaya komputer dapat memanipulasi teks itu. Kebanyakan bahasa markup adalah manusia yang boleh dibaca kerana anotasi ditulis dengan cara untuk membezakannya daripada teks itu sendiri. Sebagai contoh, dengan HTML, XML dan XHTML, tag markup
Sebagai contoh:
Ini adalah perenggan teks yang ditulis dalam HTML
Contoh ini adalah perenggan HTML. Ia terdiri daripada tag pembuka (
), tag penutup (), dan teks sebenarnya yang akan dipaparkan pada skrin (ini adalah teks yang terkandung di antara kedua-dua tag). Setiap tag mengandungi simbol "kurang daripada" dan "hebat daripada" untuk menunjuknya sebagai sebahagian daripada markup.
Apabila anda memformat teks untuk dipaparkan pada komputer atau skrin peranti lain , anda perlu membezakan antara teks itu sendiri dan arahan untuk teks itu. "Markup" adalah arahan untuk memaparkan atau mencetak teks.
Markup tidak perlu dibaca komputer. Anotasi yang dilakukan dalam cetakan atau dalam buku juga dianggap markup. Sebagai contoh, ramai pelajar di sekolah akan menyerlahkan frasa tertentu dalam buku teks mereka. Ini menunjukkan bahawa teks yang diserlahkan lebih penting daripada teks sekitar. Warna kemuncak dianggap sebagai markup.
Markup menjadi bahasa apabila peraturan dikodifikasikan di sekitar cara menulis dan menggunakan markup itu. Pelajar yang sama boleh mempunyai "catatan mengambil bahasa markup" mereka sendiri jika mereka membuat peraturan seperti "penapis ungu" adalah untuk definisi, penerangan kuning adalah untuk butiran peperiksaan, dan nota pensil di margin adalah untuk sumber tambahan. "
Kebanyakan bahasa markup ditakrifkan oleh pihak berkuasa luar untuk digunakan oleh ramai orang yang berbeza. Inilah bagaimana bahasa markup untuk kerja Web. Mereka ditakrifkan oleh W3C, atau World Wide Web Consortium .
HTML-HyperText Markup Language
HTML atau HyperText Markup Language adalah bahasa utama Web dan yang paling biasa anda akan bekerjasama sebagai pereka / pemaju web.
Malah, ia mungkin satu-satunya bahasa markup yang anda gunakan dalam kerja anda.
Semua laman web ditulis dalam bentuk HTML. HTML mentakrifkan cara imej , multimedia, dan teks dipaparkan dalam pelayar web. Bahasa ini termasuk elemen untuk menyambung dokumen anda (hiperteks) dan membuat dokumen web anda interaktif (seperti dengan bentuk). Ramai orang memanggil kod "laman web HTML", tetapi sebenarnya ia benar-benar hanya bahasa markup. Istilah tidak benar dan anda akan mendengar orang, termasuk profesional web, menggunakan kedua-dua istilah secara bergantian.
HTML adalah bahasa markup standard yang ditetapkan. Ia berdasarkan SGML (Bahasa Umum Umum Markup).
Ia adalah bahasa yang menggunakan tag untuk menentukan struktur teks anda. Elemen dan teg ditakrifkan oleh aksara
Walaupun HTML adalah bahasa markup yang paling popular yang digunakan di Web hari ini, bukan satu-satunya pilihan untuk pembangunan web. Oleh kerana HTML telah dibangunkan, ia menjadi lebih rumit dan gaya dan tag kandungan digabungkan menjadi satu bahasa. Akhirnya, W3C memutuskan bahawa terdapat keperluan untuk pemisahan antara gaya laman web dan kandungannya. Tag yang mentakrifkan kandungan sahaja akan kekal dalam HTML sementara tag yang menentukan gaya telah ditinggalkan memihak kepada CSS (Cascading Style Sheets).
Versi HTML terbitan yang terbaru adalah HTML5. Versi ini menambah lebih banyak ciri ke dalam HTML dan menghapus beberapa ketat yang dikenakan oleh XHTML (lebih banyak lagi pada bahasa itu).
Cara yang dilepaskan HTML telah diubah dengan kebangkitan HTML5. Hari ini, ciri-ciri baru dan perubahan ditambah tanpa perlu menjadi versi baru yang bernombor. Versi terkini bahasa itu hanya dirujuk sebagai "HTML."
Bahasa Markup XML-eXtensible
Bahasa Markup eXtensible adalah bahasa yang versi HTML lain didasarkan. Seperti HTML, XML juga berasaskan SGML. Ia kurang ketat daripada SGML dan lebih ketat daripada HTML biasa. XML menyediakan extensibility untuk membuat pelbagai bahasa yang berbeza.
XML adalah bahasa untuk menulis bahasa markup. Sebagai contoh, jika anda sedang menjalankan silsilah, anda mungkin membuat tag menggunakan XML untuk menentukan bapa, ibu, anak perempuan dan anak anda dalam XML seperti ini:
Terdapat juga beberapa bahasa yang telah diselaraskan dengan XML: MathML untuk menentukan matematik, SMIL untuk bekerja dengan multimedia, XHTML, dan banyak lagi.
XHTML-eXtended HyperText Markup Language
XHTML 1.0 adalah HTML 4.0 ditakrifkan semula untuk memenuhi piawaian XML . XHTML telah digantikan dalam reka bentuk web moden dengan HTML5 dan perubahan yang telah berlaku sejak itu. Anda tidak mungkin mencari mana-mana laman web yang baru menggunakan XHTML, tetapi jika anda bekerja di laman web yang lebih tua, anda mungkin masih menghadapi XHTML di luar sana di alam liar.
Tidak banyak perbezaan utama antara HTML dan XHTML , tetapi inilah yang akan anda perhatikan:
- XHTML ditulis dalam huruf kecil. Walaupun tag HTML boleh ditulis dalam kes UPPER, kes MiXeD, atau huruf kecil, betul, tag XHTML mesti semua kes yang lebih rendah. (Nota - banyak profesional web menulis HTML dalam semua huruf kecil, walaupun tidak diperlukan teknikal).
- Semua elemen XHTML mesti mempunyai tag akhir. Elemen dengan hanya satu tag, seperti dan memerlukan penutupan penutupan (/) pada akhir tag:
- Semua atribut mesti dipetik dalam XHTML. Sesetengah orang mengeluarkan petikan di sekitar atribut untuk menjimatkan ruang, tetapi mereka dikehendaki untuk XHTML yang betul.
- XHTML menghendaki teg tersebut disusun dengan betul. Jika anda membuka elemen tebal () dan kemudian huruf miring (), anda mesti menutup unsur italik () sebelum menutup huruf tebal (). (Perhatikan bahawa kedua-dua unsur ini telah ditamatkan kerana ia adalah elemen visual. HTML kini menggunakan dan sebagai ganti kedua-dua)
- Atribut HTML mesti mempunyai nama dan nilai. Atribut yang bersendirian dalam HTML mesti diisytiharkan dengan nilai-nilai juga, sebagai contoh, atribut HR akan ditulis noshade = "noshade".
Artikel asal oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 7/5/17.