ทำ XHTML บน Dreamweaver แต่ Validate HTML ไม่ผ่าน
Friday, April 11th, 2008หากคนไหนที่เคยนั่งลองทำเว็บไซต์ XHTML แบบไร้ที่ติแบบว่าถูกต้องตามหลักของ W3C ทุกประการน่าจะพอรู้ว่ามันช่างลำบากยากเข็นซะจริงๆ ซึ่งสำหรับ Mocyc.com เวอร์ชั่นใหม่ที่ผมจะทำ ผมจะ “บ้าพลัง” จะ Validate ให้ผ่านทั้ง HTML และ CSS เอาให้มันรู้กันไปว่ามันจะใช้เวลานานแค่ไหน พอดีเมื่อคืนนั่งทำที่บ้านใช้ Dreamweaver CS3 ทำครับ ส่วนอื่นๆทำผ่านหมดฉลุย Validate ผ่านหมด
มางงเอาที่ Flash ครับ เพราะทำจากใน Dreamweaver โดย Create เป็น XHTML 1.0 Transitional แล้ว แต่เมื่อเอาไป Validate ที่
http://validator.w3.org/
กลับไม่ผ่านครับ โค๊ดที่ทำจาก Dreamweaver ออกมาแบบนี้
<script type=”text/javascript”>
AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=9,0,28,0′,’width’,'480′,’height’,'160′,’src’,'banner/
honda_banner’,'quality’,'high’,'pluginspage’,'http://www.adobe.com/shockwave/
download/download.cgi?P1_Prod_Version=ShockwaveFlash’,'movie’,'banner/
honda_banner’ ); //end AC code
</script><noscript>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
#version=9,0,28,0″ width=”480″ height=”160″>
<param name=”movie” value=”banner/honda_banner.swf” />
<param name=”quality” value=”high” />
<embed src=”banner/honda_banner.swf” mce_src=”banner/honda_banner.swf”
quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?
P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash”
width=”480″ height=”160″></embed>
</object></noscript>
พอ Validate มันบอก Error เพียบเลย
Failed validation, 7 Errors
นี่ขนาดในหน้าที่ผมลองไม่มีไรสักอย่างเลยนะมีแต่ดึง Flash มาแปะอันเดียว แต่ Error ตั้ง 7 จุดแหน่ะ
ขนาดดูๆแล้วมันก็ไม่น่ามีปัญหาอะไร เพราะเปิดเว็บมา Flash ก็ออกตามปกติ
จากนั้นทำไงหล่ะ ผมจะบ้าพลังสักหน่อยจะมาติดที่ตรงนี้ได้ไงไม่ยอมๆ
และแล้วก็พบทางสว่างจาก
http://www.alistapart.com/articles/flashsatay/
ก็ปรับเปลี่ยนโค๊ดใหม่เป็น
<script type=”text/javascript”>
AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,29,0′,’width’,'480′,’height’,'160′,’src’,'banner/
honda_banner’,'wmode’,'opaque’,'quality’,'high’,'pluginspage’,'http://www.macromedia.com
/go/getflashplayer’,'movie’,'banner/honda_banner’,'menu’,'false’ ); //end AC code
</script><noscript>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,0,0″ width=”480″ height=”160″>
<param name=”movie” value=”banner/honda_banner.swf” />
<param name=”quality” value=”high” />
</object>
</noscript>
สั้นกว่าเดิมด้วยซ้ำไป และเอาไป Validate และแล้วก็
This Page Is Valid XHTML 1.0 Transitional!
สำหรับ CSS ก็ผ่านฉลุยครับ เอาไป validate ได้ที่
http://jigsaw.w3.org/css-validator/
ลองทำกันดูครับ
