เปลี่ยน HTML เป็น XHTML จัดทำโดย : dooidea team พิมพ์


เปลี่ยน HTML เป็น XHTML

ขั้นตอนการเปลี่ยน HTML เป็นเอกสาร XHTML

HTML ( HyperText Markup Language) คือภาษาที่เอาไว้เขียนสร้างเว็บเพจ เป็นภาษาที่คนทั่วโลก รู้จักดี และมีเวบเพจนับล้านที่ใช้ภาษา HTML แต่ข้อเสียของภาษา HTML คือการแสดงผลผ่านบราวเซอร์ (browser)ของค่ายต่างๆ
เช่น Internet Explorer, Netscape, Opera, Mozilla และอื่นๆ อีกมากมาย การแสดงผลที่แตกต่างกัน โดยสิ้นเชิง โอมเพจที่ออกแบบสวยงาม ของคุณ อาจดูไม่ได้ หรือไม่สามารถเข้าดูได้ เมื่อเปิดผ่านบราวเซอร์ ค่ายอื่น

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

และในอนาคต โฮมเพจของคุณ อาจจะไม่มีคำนี้ อีกต่อไป " โฮมเพจจะดูดีได้ ถ้าท่านเข้าชมด้วย Internet Explorer 5 ขึ้นไป " หรือ " Best view with Internet Explorer 5 or higher"



XHTML (Extensible HyperText Markup Language) มาตรฐานใหม่
และเป็นเรื่องที่ดียิ่ง หากท่านเริ่มต้น หรือปรับปรุงเวบเพจของท่าน ให้เป็น XHTML

เพื่อรองรับมาตรฐาน ในอนาคต

XHTML แปลงเอกสารด้วย Dreamweaver
Dreamweaver ตระกูล MX จะเครื่องมือ Convert ไฟล์ ให้เป็น XHTML
File > Convert > XHTML
ท่านสามารถ Convert ไฟล์ ASP, PHP ที่ใช้ไฟล์ร่วมกับภาษา HTML ได้

ข้อแตกต่าง ระหว่าง HTML กับ XHTML
อีลิเมนต์(element) และแอตทริบิวต์(attributes) จะต้องเขียนเป็นตัว พิมพ์เล็ก เท่านั้น
<body bgcolor="#cccccc">

อีลิเมนต์ ของ XHTML ที่ไม่ใช่อีลิเมนต์ว่าง (empty element)หรือไม่มีการเก็บข้อมูล
XHTML จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย
<br> ---------------> <br />
<hr> ---------------> <hr />

<form> จาก ของเดิม checked เปลี่ยนเป็น checked="checked"
<input type="checkbox" checked>
เป็น <input type="checkbox" checked="checked" />

จะต้องเว้นช่องว่าง และมีแท็กปิด "< />" ด้วย
<input type="text" name="formName" /> <img src="image.gif" />

การประกาศ DOCTYPE ของ XHTML ในส่วนบนสุดบรรทัดของทุกๆเพจ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DOCTYPE คือ การประกาศว่าเอกสารนี้ จัดอยู่ในประเภทใด และ
ตรวจสอบความถูกต้องกับ DTD เพื่อในกรณี กับ Browser ประเภทต่างๆ

ข้อมูลจาก : http://www.cannot.info/

คุณอาจสนใจ
เทคนิคการทำภาพขาว - ดำ ให้เป็นภาพสี
Black-Hawk (184,765 - 29 ก.พ. 51)
การค้นหาข้อความ และแทนที่ด้วยข้อความใหม่
Mr.nook (21,970 - 14 ม.ค. 51)
วิธีแก้ปัญหาพิมพ์ภาษาไทยบนเว็บไม่ได้
เว็บไทยดีดี (17,822 - 29 ก.ย. 50)
การสร้าง webboard ตอนที่ 1 (ฐานข้อมูล)
Mr.GuruZ (179,713 - 03 มิ.ย. 49)
OE ยึดเมล์...ไม่ปล่อยให้ Outlook
สายลม (15,456 - 08 มี.ค. 51)
การเน้นตัวอักษรในรูปแบบต่าง ๆ
อ้อม (19,878 - 13 ม.ค. 50)
การทำ Poll ตอนที่ 5 (การสร้างหน้า Vote และหน้าแสดงผล)
Mr.GuruZ (49,430 - 03 มิ.ย. 49)
การทำแว่นขยายด้วย Photoshop
Black-Hawk (92,342 - 23 ม.ค. 51)