ภาษามาร์กอัปคืออะไร?

เมื่อคุณเริ่มต้นสำรวจโลกของการออกแบบเว็บคุณจะไม่ต้องสงสัยว่าจะได้รับคำแนะนำจากหลายคำและวลีที่ใหม่สำหรับคุณ หนึ่งในคำที่คุณอาจได้ยินคือ "มาร์กอัป" หรือ "ภาษามาร์คอัป" "มาร์กอัป" แตกต่างจาก "โค้ด" อย่างไรและเหตุใดผู้เชี่ยวชาญด้านเว็บบางรายจึงดูเหมือนจะใช้คำเหล่านี้แทนกัน? เริ่มต้นด้วยการดูว่า "ภาษามาร์คอัป" เป็นอย่างไร

ลองดูที่ภาษามาร์กอัป 3 ภาษา

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

ในความเป็นจริงมีภาษามาร์คอัปหลายภาษาอยู่ในโลก สำหรับการออกแบบเว็บและการพัฒนามีภาษามาร์คอัปสามแบบที่คุณอาจจะวิ่งข้าม เหล่านี้ ได้แก่ HTML, XML และ XHTML

ภาษามาร์กอัปคืออะไร?

ในการกำหนดคำนี้ได้อย่างถูกต้อง - ภาษามาร์คอัปเป็นภาษาที่ใช้อธิบายย่อข้อความเพื่อให้คอมพิวเตอร์สามารถจัดการกับข้อความนั้นได้ ภาษามาร์คอัปส่วนใหญ่เป็นภาษาที่มนุษย์สามารถอ่านได้เนื่องจากคำอธิบายประกอบถูกเขียนขึ้นเพื่อแยกความแตกต่างจากข้อความ ตัวอย่างเช่นกับ HTML, XML และ XHTML แท็กมาร์กอัปคือ <และ> ข้อความใด ๆ ที่ปรากฏภายในหนึ่งในอักขระเหล่านี้ถือเป็นส่วนหนึ่งของภาษามาร์กอัปและไม่ใช่ส่วนหนึ่งของข้อความที่มีคำอธิบายประกอบ

ตัวอย่างเช่น:

นี่เป็นย่อหน้าของข้อความที่เขียนด้วย HTML

ตัวอย่างนี้เป็นย่อหน้า HTML ประกอบด้วยแท็กเปิด (

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

เมื่อคุณจัดรูปแบบข้อความที่จะแสดงบน หน้าจอ คอมพิวเตอร์ หรืออุปกรณ์อื่น คุณจำเป็นต้องแยกแยะระหว่างข้อความกับคำแนะนำสำหรับข้อความ "มาร์คอัป" คือคำแนะนำสำหรับการแสดงหรือพิมพ์ข้อความ

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

มาร์กอัปกลายเป็นภาษาเมื่อสร้างกฎเกี่ยวกับการเขียนและใช้มาร์กอัพดังกล่าว นักเรียนคนเดียวกันนั้นอาจมี "โน้ตจดมาร์กอัปภาษา" ของตัวเองหากพวกเขาทำเป็นกฎเช่น "ไฮไลท์สีม่วงเป็นคำจำกัดความเครื่องหมายเน้นสีเหลืองสำหรับรายละเอียดการสอบและบันทึกย่อดินสอในขอบกระดาษเป็นแหล่งข้อมูลเพิ่มเติม"

ภาษามาร์คอัปส่วนใหญ่มีการกำหนดโดยหน่วยงานภายนอกเพื่อใช้กับคนจำนวนมาก นี่เป็นวิธีที่ภาษามาร์คอัปสำหรับเว็บทำงาน กำหนดโดย W3C หรือ World Wide Web Consortium

HTML-HyperText Markup Language

HTML หรือ HyperText Markup Language เป็นภาษาหลักของเว็บและเป็นภาษาที่ใช้บ่อยที่สุดที่คุณจะใช้เป็นนักออกแบบเว็บไซต์ / นักพัฒนาซอฟต์แวร์

ในความเป็นจริงอาจเป็นภาษามาร์คอัปเฉพาะที่คุณใช้ในการทำงานของคุณ

หน้าเว็บทั้งหมดเขียนด้วย HTML HTML กำหนดวิธีที่ รูปภาพ มัลติมีเดียและข้อความจะปรากฏในเว็บเบราเซอร์ ภาษานี้มีองค์ประกอบในการเชื่อมต่อเอกสารของคุณ (ไฮเปอร์เท็กซ์) และทำให้เอกสารเว็บของคุณเป็นแบบโต้ตอบ (เช่นแบบฟอร์ม) หลายคนเรียก HTML "รหัสเว็บไซต์" แต่ในความเป็นจริงเป็นเพียงภาษามาร์คอัป คำทั้งสองไม่ผิดอย่างเคร่งครัดและคุณจะได้ยินผู้คนรวมทั้งผู้เชี่ยวชาญด้านเว็บใช้คำศัพท์ทั้งสองนี้แทนกัน

HTML เป็นภาษามาร์คอัปมาตรฐานที่กำหนด ขึ้นอยู่กับ SGML (Standard Generalized Markup Language)

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

แม้ว่า HTML จะเป็นภาษามาร์คอัปที่นิยมใช้กันมากที่สุดในเว็บ แต่ก็ไม่ใช่ทางเลือกเดียวสำหรับการพัฒนาเว็บ เนื่องจาก HTML ได้รับการพัฒนาขึ้นจึงมีความซับซ้อนมากขึ้นและแท็กสไตล์และเนื้อหารวมกันเป็นหนึ่งภาษา ในที่สุด W3C ก็ตัดสินใจว่าจำเป็นต้องมีการแบ่งแยกระหว่างรูปแบบของหน้าเว็บกับเนื้อหา แท็กที่กำหนดเนื้อหาเพียงอย่างเดียวจะยังคงอยู่ในรูปแบบ HTML ขณะที่แท็กที่กำหนดสไตล์ถูกเลิกใช้งานสำหรับ CSS (Cascading Style Sheets)

HTML เวอร์ชันใหม่ล่าสุดคือ HTML5 รุ่นนี้เพิ่มคุณลักษณะเพิ่มเติมใน HTML และลบความเข้มงวดบางอย่างที่ถูกกำหนดโดย XHTML (เพิ่มเติมเกี่ยวกับภาษานั้นในไม่ช้า)

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

ภาษามาร์กอัป XML-eXtensible

eXtensible Markup Language คือภาษาที่ใช้ HTML เวอร์ชันอื่น เช่นเดียวกับ HTML XML จะใช้งานร่วมกับ SGML ด้วยเช่นกัน มีความเข้มงวดน้อยกว่า SGML และเข้มงวดกว่า HTML ธรรมดา XML ช่วยให้สามารถสร้างภาษาต่างๆได้หลากหลาย

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

นอกจากนี้ยังมีภาษามาตรฐานหลายภาษาที่สร้างขึ้นแล้วด้วย XML: MathML สำหรับการกำหนดคณิตศาสตร์, SMIL สำหรับการทำงานกับมัลติมีเดีย, XHTML และอื่น ๆ อีกมากมาย

XHTML-eXtended HyperText Markup Language

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

ไม่มีความแตกต่างที่สำคัญระหว่าง HTML และ XHTML แต่นี่คือสิ่งที่คุณจะสังเกตเห็น:

• XHTML ถูกเขียนด้วยตัวพิมพ์เล็ก ในขณะที่ แท็ก HTML สามารถเขียนได้ในกรณีส่วนใหญ่กรณีของ MiXeD หรือตัวพิมพ์เล็กให้ถูกต้องแท็ก XHTML ต้องเป็นตัวพิมพ์เล็กทั้งหมด (หมายเหตุ - ผู้เชี่ยวชาญด้านเว็บจำนวนมากเขียน HTML เป็นตัวพิมพ์เล็กทั้งหมดแม้ว่าจะไม่จำเป็นต้องใช้ทางเทคนิคก็ตาม)
• องค์ประกอบ XHTML ทั้งหมดต้องมีแท็กสิ้นสุด องค์ประกอบที่มีเพียงแท็กเดียวเช่นและต้องใช้เครื่องหมายทับปิด (/) ที่ท้ายแท็ก:

  / >
  / >

• ต้องระบุแอตทริบิวต์ทั้งหมดใน XHTML บางคนลบเครื่องหมายคำพูดรอบ ๆ แอตทริบิวต์เพื่อประหยัดเนื้อที่ แต่จำเป็นสำหรับ XHTML ที่ถูกต้อง
• XHTML กำหนดให้แท็กซ้อนกันอย่างถูกต้อง หากคุณเปิดส่วนที่เป็นตัวหนา () และตัวเอียง () คุณต้องปิดตัวเอียงก่อน () (โปรดสังเกตว่าองค์ประกอบทั้งสองนี้ได้รับการคัดค้านเนื่องจากเป็นองค์ประกอบแบบรูปภาพตอนนี้ HTML ใช้ และ แทนที่ทั้งสองอย่างนี้)
• แอตทริบิวต์ HTML ต้องมีชื่อและค่า แอตทริบิวต์ที่เป็นแบบสแตนด์อะโลนใน HTML ต้องมีการประกาศด้วยค่าเช่นกันตัวอย่างเช่นแอตทริบิวต์ HR จะเขียน noshade = "noshade"
  

บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 7/5/17