Page 126 - ระบบสำนักงานอัตโนมัติและพาณิชย์อิเล็กทรอนิกส์
P. 126
10-12 ระบบสำนักงานอัตโนมัติและพาณิชย์อิเล็กทรอนิกส์
1. เอชทีเอ็มแอล (HTML – HyperText Markup Language) เป็นภาษาโปรแกรมในกลุ่มภาษามาร์กอัพ
สำหรับการพัฒนาเว็บไซต์โดยเฉพาะ ซึ่งใช้งานง่ายและมีแท็ก (tag) ให้ผู้ออกแบบและพัฒนาเว็บไซต์ใช้ในการ
กำหนดรูปแบบต่างๆ ของเว็บเพจ เช่น โครงสร้างและสไตล์ของเอกสาร การแสดงหัวข้อใหญ่ หัวข้อย่อย ตำแหน่ง
ที่แสดงภาพกราฟิก ตาราง และแบบตัวอักษร เป็นต้น ทำให้เว็บเบราว์เซอร์สามารถอ่านแท็กแล้วแปลงคำสั่ง
เหล่านั้นเพื่อแสดงผลเว็บเพจ พร้อมทั้งส่วนประกอบต่างๆ บนเว็บเพจ เช่น รูปภาพ ตัวอักษร เสียง หรือภาพ
เคลื่อนไหว เป็นต้น โดยไฟล์เว็บเพจที่ส ร้างขึ้นจ าก HTML จะมีนามสกุลเป็น .html หรือ .htm ก็ได้ ดังนั้น เอกสาร
ท ี่เขียนด ้วย HTML จึงเรียกว ่า เว็บเพจ โดยมีก ารใช้แท็กกำก ับแ ละอ ธิบายส ิ่งต ่างๆ ที่ต ้องการให้ปรากฏในเว็บเพจ
ทั้งนี้ ไฟล์เอชทีเอ็มแอลนั้น สามารถสร้างได้โดยการใช้ไมโครซอฟต์เวิร์ด และจัดแต่งรูปแบบด้วยคำสั่ง
เช่นเดียวก ับก ารส ร้างเอกสารท ั่วไป ส่วนการบันทึกให้เลือก save as html…
การสร้างเว็บไซต์เพื่อพาณิชย์อิเล็กทรอนิกส์ หากต้องการใส่ฟังก์ชันใดๆ ลงไปต้องคำนึงถึงการแสดงผล
เว็บเพจด้วยว่า สามารถแสดงผลได้ด้วยเว็บเบราว์เซอร์ที่ผู้คนส่วนใหญ่ใช้งานกัน และถึงแม้จะใช้เวอร์ชันเก่าก็ควร
แสดงผลได้เช่นกัน หรือระบุข้อความให้ทราบว่าควรเปิดดูเว็บไซต์ด้วยซอฟต์แวร์เว็บเบราว์เซอร์ใดและเวอร์ชันใด
จึงจ ะแสดงผ ลได้ดีท ี่สุด
ทั้งนี้ เว็บเพจที่สร้างขึ้นนั้นสามารถตรวจสอบความสมเหตุสมผล (validation) ได้ โดยใช้เครื่องมือที่
เรียกว่า เว็บเพจวาลิเดชัน9 (web page validation) ที่เว็บไซต์ http://www.w3schools.com/site/site_
validate.asp โดยระบุที่อยู่ของเว็บเพจที่ต้องการตรวจสอบ ซึ่งทำให้ทราบว่าเว็บไซต์มีข้อผิดพลาดหรือไม่ มาก
น้อยเพียงใด และต รงไหนท ี่ต้องป รับปรุงให้ดีข ึ้นต ่อไป
2. เอ็กซ์เอชทีเอ็มแอล (XHTML: eXtensible HyperText Markup Language) หรือเทียบเท่ากับ
เอชทีเอ็มแอลเวอร์ชัน 4.01 เป็นภาษาโปรแกรมในกลุ่มภาษามาร์กอัพเช่นกัน โดยมีข้อกำหนดหรือข้อจำกัดในการ
เขียนแ ท็กแ ละควบคุมก ารเขียนแ ท็กให้ม ีค วามถูกต ้องมากข ึ้นกว่าภาษาเอชทีเอ็มแอลพื้นฐาน
หลักการส ำคัญข อง XHTML มี 4 ประการ ดังนี้
1) หากม หี ลายแ ทก็ จะต ้องเขียนแทก็ เป ิดและแท็กปิดใหส้ อดคล้องก นั เปน็ คๆู่
- ใน HTML การเขียนแท็กป ิดไม่ต้องสอดคล้องก ับแท็กเปิด เช่น
<b><i>This text is bold and italic</b></i>
- แต่ใน XHTML การเขียนแ ท็กปิดต้องสอดคล้องกับแ ท็กเปิด เช่น
<b><i>This text is bold and italic</i></b>
2) ทกุ แท็กจะตอ้ ง มีแทก็ ป ิด ทงั้ แ ทก็ คหู่ รอื แท็กไม่ว่าง และแ ท็กเดีย่ วห รอื แ ท็กว่าง
- ตัวอย่างก ารเขียนแ ท็กคู่หรือแท็กไม่ว่างท ี่ผ ิด เพราะม ีแท็กเปิดแ ต่ไม่ม ีแท็กปิด
<p>This is a paragraph
<p>This is another paragraph
- ตัวอ ย่างการเขียนแท็กค ู่หรือแท็กไม่ว่างท ี่ถูกต ้อง คือมีแท็กเปิดต ้องมีแท็กปิด
<p>This is a paragraph</p>
<p>This is another paragraph</p>
9 เว็บเพจวาลิเดชัน (web page validation) ใช้ตรวจสอบความสมเหตุสมผลของเว็บเพจที่เขียนด้วยภาษาเอชทีเอ็มแอล ซีเอสเอส
เอ็กซ์เอชทีเอ็มแอล เอ็กซ์เอ็มแอล และด ับเบิลย ูเอ็มแอล (WML : Wireless Markup Language)
ลขิ สทิ ธ์ขิ องมหาวทิ ยาลัยสุโขทยั ธรรมาธิราช
