การสร้างโปรแกรมประยุกต์เว็บ > XML และ XHTML
XHTML
XHTML เป็นผสม HTML กับ XML ถึงแม้ว่า HTML เป็นภาษา markup ความสามารถสูงแต่เป็นการท้าทายในการทำงานเพราะไม่มีความต้องการเข้มงวดในการทำ markup กับหน่วยข้อมูลเข้าด้วยกัน เอกสาร HTML อาจจะมี tag ไม่ครบ และทำให้ใช้เวลาในการกระจายเนื้อหาที่นำเสนอ
การแก้ไขปัญหา HTML ที่ขาดการกำหนดโครงสร้าง XHTML ได้รับการออกแบบให้มาแทนที่ด้วยความเข้มงวดและเป็นระเบียบมากกว่า HTML และใกล้เคียงกับ browser สมัยใหม่ทั้งหมดสนับสนุน XHTML ประกอบด้วย element ของ HTML ทั้งหมด แต่ต้องการให้เป็นตามไวยากรณ์เอกสาร XML และ well formed
การทำงานกับ XHTML
XHTML คล้ายกับ HTML มาก ถ้าทำการเปลี่ยนเล็กน้อยเอกสาร HTML จะตรงกับ XHTML และจะเร็วกว่า เรียบลำดับดีกว่า และสอดคล้องกับ browser ใหม่ทั้งหมด
XHTML คือ XML
สิ่งสำคัญมากที่สุดคือ เอกสาร XHTML เป็นเอกสาร XML หมายความว่าเอกสาร XHTML ต้องเป็นเอกสาร XML ใน well-formed
การทำสิ่งนี้ ให้ตรวจสอบสิ่งเหล่านี้
- มีการซ้อน element ถูกต้องในเอกสาร XHTML
- ไม่มีการซ้อนทับของ element ในลำดับของเอกสาร
- element ทั้งหมดต้องปิดอย่างถูกต้อง
จุดสุดท้ายที่ผู้ใช้อาจจะคุ้นเคยน้อยที่สุด เช่น การเขียน tag ใน HTML ดังนี้
<HR Size = '1'>
<BR> <BR>
<IMG src = 'oink-pig.jpg'>
ใน XHTML เขียน tag ว่างใหม่เป็น
<hr size = '1' />
<br/> <br/>
<img src = 'oink-pig.jpg'/>
เอกสาร XHTML ขั้นต่ำ
เอกสาร XHTML ทั้งหมดอย่างน้อยต้องมีสิ่งต่อไปนี้
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http:// www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
// เนื้อหา
</body>
</html>
บรรทัดแรกกำหนดระดับความเข้มงวดของเอกสาร XHTML ด้วยค่าที่เป็นไปได้คือ strict, transitional และค่าที่ 3 สำหรับใช้ใน frame ส่วนใหญ่ทั้งค่าเป็น transitional เพราะให้ความยืดหยุ่นเมื่อเขียนเอกสาร XHTML
element ส่วนมาก ที่มีใน HTML ปกติ จะอยู่ในเอกสาร XHTML
element และ attribute
XHTML เพิ่มความเข้มงวดอีกเล็กน้อยกับ element และ attribute โดยเฉพาะชื่อ markup tag ต้องเป็นตัวพิมพ์เล็ก ดังนั้นใน HTML ที่เขียนเป็น
<TABLE width='100%'>
<TR>
<TD>Hello world</TD>
</TR>
</TABLE>
ปัจจุบันเขียนด้วย
<table width='100%'>
<tr>
<td>Hello world</td>
</tr>
</table>
สุดท้าย attribute ต้องเป็น well formed ใน XHTML หมายความว่า การปฏิบัติ 2 แบบ คือ
<table width = 100%>
<input checkbox>
แทนที่ด้วย
<table width = '100%'>
<input type = 'checkbox'>
ถ้าเขียน HTML เป็น well formed แล้วการปรับแปลงจะมีอุปสรรคน้อย
การเปลี่ยนแปลงรองอื่น
การเปลี่ยนแปลงรองที่ต้องบันทึกคือ ชื่อคุณลักษณะโดยเฉพาะ tag ของ A, APPLET, FRAME, IFRAME, IMG และ MAP สำหรับ element เหล่านี้ ใช้คุณลักษณะ id แทนที่ชื่อ
element ในฟอร์ม HTML ยังคงใช้คุณลักษณะ name เป็นชื่อสัมพันธ์กับค่าที่ส่งไปกับผลลัพธ์ที่ขอ
|
