XHTML

XHTML

TEST: Disable Styles in Thaimacclub's Forum with Safari 4 Public-Beta

April 9, 2009 - 2:32pm | by poakpong

ใน Safari 4 Public-Beta มีฟังก์ชั่น Develop > Disable Styles เพื่อปิดการทำงานของ CSS เพื่อดูหน้าเว็บล้วนๆ (ซึ่งในเว็บสมัยใหม่ควรแยก XHTML กับ CSS ออกจากกัน)

แต่จากที่ลองกับ forum ของเว็บไซต์ Thaimacclub ซึ่งเป็นเว็บที่ได้ทำเป็นเว็บแรกๆ ผลปรากฎว่าทำได้ดีมาก คือ Disable Styles แล้วยังแสดงผลเหมือนเดิมเด๊ะ (มีเฉพาะสีข้อความนิดหน่อยที่เปลี่ยนไป) สุดยอดการออกแบบมั้ยล่ะ ฮ่าๆๆๆ

** หมายเหตุ เฉพาะหน้า forum ที่ยังเป็นผลจากการออกแบบเมื่อนานมาแล้ว แต่หน้าแรก และหน้าบทความอื่นๆ ใช้ Drupal ในการจัดการข้อมูลหมดแล้ว **

สงสัยต้องหาเวลา กลับมาจัดการกับการแสดงผลซะหน่อยแล้ว อิอิ

+ หน้าแรก forum แบบใช้งาน Styles ปกติ

+ หน้าแรก forum แบบที่ Disable Styles แล้ว (ทำไมเหมือนข้างบนเลยหว่า)

+ หน้ากระทู้ แบบใช้งาน Styles ปกติ

+ หน้ากระทู้ แบบที่ Disable Styles แล้ว (เหมือนข้างบนเด๊ะเลย) ฮ่าๆๆ

poakpong's blog

Tags:

How to XHTML 1.0

September 13, 2007 - 10:34am | by poakpong

หลักการทำงานของไฟล์ XHTML 1.0

• มีการกำหนด DOCTYPE ที่เหมาะสมกับเอกสาร แบ่งเป็นแบบเข้มงวด, แบบยืดหยุ่น, และแบบเฟรม

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

• มีการใช้ <tag></tag> ที่มีการจัดวางตำแหน่งที่ถูกต้อง

here is an emphasized paragraph.

• ต้องใช้ตัวหนังสือแบบเล็กเสมอ

• จะต้องมี <tag> ปิดเสมอ

here is a paragraph. here is another paragraph.
 
<hr />

• ค่าของ attribute ต่างๆ ใน <tag> จะต้องอยู่ในเครื่องหมายคำพูด "..."

• จะต้องใช้คำขยาย attribute แบบเต็ม ไม่ให้ใช้แบบย่อ

• ให้ใช้ attributes ชนิด id แทน name

poakpong's blog

Tags:

Web Standard, W3C, XHTML, CSS !!

June 27, 2007 - 11:28pm | by poakpong

ทำไมต้องผ่านมาตรฐาน W3C ?

ในฐานะคนดูเว็บไซต์ ....

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

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

ในฐานะคนทำเว็บไซต์ ....

อืม... ไม่รู้เหมือนกันแฮะ ก็แค่เว็บไซต์เราผ่านมาตรฐานด้วยนะเว้ย เท่ว่ะ ^^

ทดสอบ:
- XHTML Validation
- CSS Validation

ข้อมูลเพิ่มเติม:
- The World Wide Web Consortium
- Web Standard (thaicss.com - ภาษาไทย)

poakpong's blog

Tags:

Poakpong.com go XHTML + CSS soon!

May 22, 2007 - 3:55am | by poakpong

ตอนนี้กำลังดูเรื่อง XHTML และ CSS เพื่อนำมาปรับแก้กับเว็บไซต์ Poakpong.com แห่งนี้ โดยพยายามจะทำให้เป็นเว็บไซต์ที่ถูกต้องตามหลักเกณฑ์ให้มากที่สุด (ตอนนี้ซุ่มแก้ไขอยู่)

ที่ฮึดเรื่องนี้อีกครั้ง (หลังจากเคยพยายามแล้วหลายที) ก็เพราะว่า ไปเจอเว็บไซต์สุดเจ๋งอย่าง www.thaicss.com แบบว่าอ่านแล้วกระจ่างเลยว่าต้องทำอะไรบ้าง บทความสั้นๆ หลายอันเป็นการสะกิดต่อมเซ่อได้ชะงัดนัด

เอาเป็นว่าถ้าโครงการนี้สำเร็จเมื่อไหร่จะแจ้งให้ทราบกันต่อไป ^^