Markup Language คืออะไร? คู่มือฉบับสมบูรณ์

เมื่อเราพูดถึง markup languages ในการเขียนโปรแกรม เราไม่ได้หมายความว่ามีใครพยายามเพิ่มราคาสินค้า Markup ไม่ใช่การเพิ่มราคา มันคือวิธีการแสดงข้อมูลโดยใช้ภาษาสคริปต์ประเภทหนึ่ง

ในคู่มือนี้ เราจะอภิปรายว่า markup languages คืออะไร พวกมันทำงานอย่างไร และเมื่อไหร่คุณอาจใช้ markup languages เราจะวิเคราะห์ markup languages 3 แบบที่แตกต่างกันและกรณีการใช้งานของพวกเขา เพื่อให้คุณได้เข้าใจอย่างแน่นอนว่า markup ทำงานอย่างไร

Markup Language คืออะไร?

Markup languages คือภาษาที่คอมพิวเตอร์ใช้ในการทำเครื่องหมายหมายเหตุเอกสาร ภาษาเหล่านี้อ่านได้โดยมนุษย์ ซึ่งหมายความว่าพวกมันมักเขียนด้วยคำมาตรฐาน แทนที่จะเป็นศัพท์เฉพาะทางการเขียนโปรแกรม

Markup languages กำหนดสไตล์และโครงสร้างของเอกสาร เพื่อให้คอมพิวเตอร์รู้ว่าคุณต้องการให้เอกสารนั้นปรากฏอย่างไร

วิธีหนึ่งในการคิดคือ markup เหมือนกับวิธีที่ครู "ทำเครื่องหมาย" หรือ "mark up" ข้อสอบของนักเรียน ครูจะเขียนบนข้อสอบว่านักเรียนทำผิดที่ไหน เพื่อให้พวกเขารู้ว่าจะแก้ไขอย่างไรครั้งหน้า จริงๆ แล้วคำว่า markup languages มาจากการเรียงพิมพ์ ที่นั่นคำแนะนำเกี่ยวกับวิธีตั้งค่าเอกสารถูก "marked up" ควบคู่กับเอกสาร

Markup ไม่จำเป็นต้องเป็นภาษาของตัวเอง ในตัวอย่างสองข้อสุดท้าย markup ยังคงถูกใช้ แต่ไม่ใช่ markup language สิ่งที่แยกแยะ markup และ markup languages คือ markup languages มีชุดกติกาเกี่ยวกับวิธีใช้ภาษานั้น และมักถูกตีความโดยคอมพิวเตอร์ Markup ด้านอื่น ไม่มีโครงสร้างที่กำหนดไว้

ML ในการพัฒนาเว็บ

คุณน่าจะเคยได้ยิน ML ที่บางจุด หากเคยพัฒนาเว็บไซต์ HTML และ XML ตัวอย่างเช่น ทั้งคู่ลงท้ายด้วย ML คุณเคยสงสัยไหมว่าสิ่งเหล่านี้หมายถึงอะไร? ML ย่อมาจาก markup language

Markup languages ถูกใช้อย่างกว้างขวางในการพัฒนาเว็บ พวกมันใช้เพื่ออธิบายว่าชุดข้อมูลเฉพาะควรแสดงบนเอกสารเว็บอย่างไร

81% ของผู้เข้าร่วมระบุว่ารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสงานทางเทคโนโลยีหลังจากเข้าร่วมบูทแคมป์ ได้รับการจับคู่กับบูทแคมป์วันนี้

นักศึกษาจบบูทแคมป์เฉลี่ยใช้เวลาน้อยกว่า 6 เดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มบูทแคมป์จนหางานแรก

HTML (HyperText Markup Language) อธิบายโครงสร้างของหน้าเว็บ XML ด้านอื่น อธิบายประเภทข้อมูลเฉพาะ

Markup Languages ทำงานอย่างไร

Markup languages ทั้งหมดมีคุณสมบัติร่วมกัน: พวกมันใช้แท็กเพื่อระบุประเภทเนื้อหาต่างๆ บนหน้าเว็บ สัญลักษณ์ markup นี้มักเขียนในเครื่องหมายวงเล็บมุม (<>)

Markup languages ต้องการวิธีแยกแยะข้อความที่พวกมันพยายามแสดงออกจากคำสั่งที่คอมพิวเตอร์ต้องอ่าน ข้อความใดๆ ที่ปรากฏภายในแท็ก markup จะถูกตีความโดยเครื่องจักรเป็นคำสั่ง

พิจารณาตัวอย่างนี้:

<a href="https://careerkarma.com">Career Karma</a>

นี่คือลิงก์ไปยังหน้าหลัก Career Karma เราใช้แท็ก <a> เพื่อกำหนดลิงก์นี้ และเมื่อลิงก์ของเราจบ เราปิดมันด้วยแท็ก </a>

แท็กเหล่านี้บอกคอมพิวเตอร์ของเราว่าเราต้องการแสดงลิงก์ หรือ anchor (ซึ่งเป็นที่มาของ "a") แท็กเหล่านี้จะไม่ปรากฏบนหน้าเว็บของเรา พวกมันเป็นคำสั่งสำหรับเบราว์เซอร์เว็บของเราให้อ่าน เพื่อให้พวกมันรู้ว่าจะแสดงหน้าเว็บเฉพาะอย่างไร

Markup files ถูกบันทึกเป็นเอกสารข้อความธรรมดา นี่หมายความว่าคุณสามารถเปิดพวกมันได้โดยใช้ text editor มาตรฐาน

Markup Languages เทียบกับ Programming Languages

เป็นจริง: markup languages 聽起來เหมือนควรจะเป็น programming languages เรากำลังพูดถึงภาษาหลังจากทั้งหมด! แค่เพราะคำทั้งสองนี้聽起來เหมือนกัน ไม่ได้หมายความว่าพวกมันเป็นสิ่งเดียวกัน

Programming language คือชุดคำสั่งที่ให้กับคอมพิวเตอร์ซึ่งสร้างเอาต์พุตประเภทต่างๆ Ruby, Python และ Perl ล้วนเป็น programming languages Markup languages ด้านอื่น ใช้เพื่ออธิบายเอกสาร

ในขณะที่คุณสามารถรันโปรแกรม Python หรือ Ruby ได้ คุณไม่สามารถ "รัน" เอกสารที่ทำเครื่องหมายไว้ได้ HTML documents ตัวอย่างเช่น ไม่ได้ถูก execute; พวกมันถูก rendered โดยเบราว์เซอร์ XML documents ก็ไม่ได้ถูก run เช่นกัน; พวกมันถูกอ่านโดยโปรแกรมอ่านข้อมูลประเภทพิเศษ

มี Markup Languages อะไรบ้าง?

คุณจะพบ markup languages ค่อนข้างมากหากคุณไปขุดลึก มีข้อมูลเยอะมากออกไป จนเราต้องการหลายภาษาเพื่อครอบคลุมกรณีการใช้งานที่เป็นไปได้ทั้งหมด ถึงอย่างไรก็ตาม ตัวที่พบบ่อยที่สุดคือ HTML, XML, และ XHTML

HyperText Markup Language

HyperText Markup Language หรือ HTML เป็นภาษาหลักที่ใช้ในการพัฒนาเว็บ โดยไม่มีมัน เราจะไม่มีเว็บไซต์ มันกำหนดโครงสร้างของหน้าเว็บ เช่น タイトル, รูปภาพ, และข้อความควรปรากฏบนหน้าเป็นอย่างไร มันยังกำหนดลำดับที่คุณสมบัติเหล่านี้ควรปรากฏในเบราว์เซอร์ ในทางกลับกัน CSS (Cascading Style Sheets) ใช้กำหนดเลย์เอาต์และลักษณะที่ปรากฏของหน้าในเบราว์เซอร์

HTML เป็นหนึ่งใน markup languages มาตรฐาน ใน HTML แท็กถูกใช้เพื่อกำหนดทุกองค์ประกอบบนหน้าเว็บ ตั้งแต่ titles ถึง images ถึง forms

ภาษา HTML ถูกควบคุมโดยองค์กรระหว่างประเทศ World Wide Web Consortium หรือ W3C HTML สำคัญต่อการทำงานของเว็บมากจนต้องมีชุดมาตรฐานระหว่างประเทศเพื่อเขียนและประมวลผลมันอย่างสอดคล้อง

เวอร์ชันล่าสุดของ HTML คือ HTML5 ซึ่งรวมการปรับปรุงจำนวนมากจากรุ่นก่อนหน้า ถึงอย่างไรก็ตาม การเปลี่ยนแปลงส่วนใหญ่ของ HTML เป็นแบบเพิ่มเติมทีละนิด เพราะภาษานี้สำคัญต่อเว็บมาก

eXtensible Markup Language

XML หรือ eXtensible Markup Language ถูกออกแบบมาเพื่อขนส่งและจัดเก็บข้อมูล ภาษานี้อธิบายตัวเองได้

นี่เป็นเพราะไม่มีขีดจำกัดว่าคุณจะตั้งชื่อ XML tags ของคุณว่าอะไร ไม่มี predefined tags ดังนั้นคุณสามารถเลือกชื่อที่อธิบายจุดข้อมูลแต่ละจุดในเอกสาร XML ได้อย่างแม่นยำ

สมมติว่าคุณกำลังสร้างเอกสาร markup เพื่อติดตามหนังสือโปรดของคุณ ใน XML คุณสามารถใช้โครงสร้างต่อไปนี้:

<book> <title>How to Win Friends and Influence People</title> <author>Dale Carnegie</author> <rating>⅘</rating> </book>

ในตัวอย่างนี้ เราสร้างแท็ก 4 ตัว: book, title, author, และ rating แท็ก title, author, และ rating ปรากฏภายในแท็ก book ของเรา แท็ก book แสดงถึงรายการหนึ่งในไฟล์ XML ของเรา

eXtensible HyperText Markup Language

XHTML เป็นเวอร์ชันของ HTML4 ที่ตรงตามมาตรฐาน XML มันถูกแทนที่ส่วนใหญ่โดย HTML5 เนื่องจากความต้องการชุดคุณสมบัติที่หลากหลายมากขึ้น แต่ยังคงใช้อยู่ในบางมุมของอินเทอร์เน็ตเว้นนี้ ส่วนใหญ่เว็บไซต์ที่ใช้ XHTML เป็นเว็บที่พัฒนาหลายปีก่อนและไม่ได้อัปเดตมานาน

XHTML และ HTML คล้ายกันมาก แต่มีความแตกต่างบางประการที่คุณอาจสังเกตเห็น ตัวอย่างเช่น HTML attributes ต้องมีทั้ง name และ value คุณไม่สามารถใช้ standalone attributes ได้ นอกจากนี้ แท็ก XHTML ทั้งหมดเขียนเป็นตัวพิมพ์เล็ก ใน HTML คุณสามารถเขียนด้วยตัวพิมพ์ใหญ่หรือเล็กได้ แม้ best practices จะแนะนำให้คุณใช้ตัวพิมพ์เล็ก

สรุป

Markup languages ใช้เพื่อกำหนดองค์ประกอบภายในเอกสาร ภาษาเหล่านี้ เช่น HTML และ XML ถูกออกแบบมาให้อ่านได้โดยมนุษย์ นี่ทำให้คุณเข้าใจง่ายว่า markup languages กำลังแสดงข้อมูลอะไร

ใน markup languages คำสั่ง markup ให้คอมพิวเตอร์นำเสนอโดยใช้แท็ก แท็กเหล่านี้มักจัดเก็บระหว่างเครื่องหมายวงเล็บมุม (<>)

ตอนนี้คุณพร้อมที่จะเริ่มพูดคุยเกี่ยวกับ markup languages อย่างมืออาชีพเว็บพัฒนาแล้ว!