Displaying articles with tag html

XHTML(2)

Posted by PunNeng, Sun Jan 29 01:49:00 UTC 2006

มาต่อกันด้วยข้อกำหนดเบื้องต้นของ XHMTL กัน

<b><i>This text is bold and italic<i><i>

อันนี้ มีผิดนิดหน่อย แต่ก็เปิดได้ แต่ถ้าใน XHMTL ละก็

<b><i>This text is bold and italic<i><b>

ต้องถูกต้องเป๊ะๆ ยังงี้เสมอ

ลองสังเกตดู มันจะมีการจับคู่ของ tag เสมอ เช่น

<html>
<head> ... </head>
<body> ... </body>
</html>

ลักษณะแบบนี้แหละ ที่จะเรียกว่า 'well-formed'

และ

ชื่อ tag จะต้องเป็นอักษรพิมพ์เล็กเสมอ ทุก tag ที่เปิดขึ้นมา จะต้องมี tag ปิดทุกอัน(ย้อนกลับไปดู XHTML ได้ ว่ามันตกๆ หล่นๆ แต่ก็แสดงผลได้) tag เปล่าๆ เช่น
จะต้องมี / ตามด้วยเสมอ เช่น

This is a break<br />
Here comes a horizontal rule:<hr />
Here's an image <img src="happy.gif" alt="Happy face" />

ตัว attribute ของ tag จะต้องเป็นตัวพิมพ์เล็กเสมอ ค่าของ attribute จะต้องถูกครอบด้วย double quote เสมอ ตัว name ของ tag จะต้องแทนที่ด้วย id เสมอ เช่น

<img src="picture.gif" name="picture1" />

จะต้องเปลี่ยนเป็น

<img src="picture.gif" id="picture1" />

note: การทำงานร่วมกับร่วมกับ browser รุ่นเก่าๆ อาจจะต้องมีการใส่ทั้ง name และ id ลงไปด้วยกันเลย เช่น

<img src="picture.gif" id="picture1" name="picture1" />

และ อื่นๆ อีกมากมายบานเบอะ โดยเฉพาะส่วน header ก็ต้องมีการประกาศเพิ่มอีก โดยส่วนตัวผมเอง ไม่มีความสนใจที่จะศึกษาด้านนี้โดยตรง จึงขอหยุดไว้แค่นี้ สำหรับคนที่สนใจ เข้าไปศึกษาได้ที่ lhttp://www.w3schools.com/xhtml

ช้าก่อนนนนนน.... ถ้าผมจะทำ ผมไม่ไปศึกษาให้เสียเวลาหรอก มีของมาแนะนำ สำหรับคนขี้เกียจ ผมมีทางเลือกให้อีก สามารถใช้โปรแกรม convert จาก html ไปยัง xhtml ได้ convert by MS FrontPage หรือ convert by stylusstudio มันง่ายดายเช่นนี้ และก็ยังมี tools อีกเยอะเลย ที่ทำหน้าที่แปลง html ไปยัง xhtml ได้ ใครสนใจ ก็ลองเล่นดูนะครับ

แก้ไขล่าสุด วันที่ 1 กรกฎาคม 2550 เวลา 2.56 น.

0 comments | Filed Under: General | Tags: html

XHTML

Posted by PunNeng, Wed Jan 25 22:04:00 UTC 2006

ผมใช้โทรศัพท์ Nokia รุ่น 6230 อยู่ และ 1 ใน feature ของมันที่ผมเคยใช้คือ เปิดเว็บบนโทรศัพท์เครื่องนี้แหละ โดยเปิดผ่าน XHTML browser มันก็ดีนะ เปิดเว็บบนโทรศัพท์มือถือได้ แต่ด้วยความโง่ เปิดไป 2 เว็บเท่านั้นแหละ หมดตังไปร้อยกว่าๆ ก็จะไม่ให้ถึงร้อยได้ไง ใช้ gprs คิด KB ละ 12 สตางค์ หน้าเว็บๆ นึง ก็ปาเข้าไปเกือบ MB ละ ไม่เป็นไร เสียค่าโง่แลกกับความรู้ไป(ตอนนั้นยังเรียนอยู่)

จากจุดนี้เอง เลยต้องมาคลายความสงสัยเกี่ยวกับ XHTML ซะหน่อย

XHTML คืออะไร

คือชุด document type ที่ถูกปรับปรุงขึ้นมาใหม่ เป็น subset และส่วนขยายของ HTML 4 ย่อมาจาก EXtensible HyperText Markup Language ซึ่งอยู่บนฐานของ XML จะถูกใช้ในการออกแบบและใช้งานร่วมกับ XML มันถูกสร้างขึ้นมาเพื่อใช้แทนที่ HTML(อ่านมา เขาว่างั้น) ต้องมีการเขียนตรงตามข้อกำหนดทุกประการ ซึ่งจริงๆ ถ้าเราเขียนไม่ตรงตามข้อกำหนดของมัน แต่มันก็ยังทำงานต่อได้ ในกรณีที่เอาไปเปิดใน browser ที่รองรับ HTML

ทำไมต้อง XHTML

บางจุดของ html code ถ้าเราเขียนแบบตกๆ หล่นๆ มันก็ยังทำงานได้ ลองมาดูตัวอย่างข้างล่างนี่ดีกว่า

  1
  2
  3
  4
  5
  6
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
</body>

แน่นอนละ ถ้าเอาไปเปิดใน browser มันจะต้องทำงานได้แน่นอน ถึงแม้ว่ามันจะเขียนไม่ตามหลักของ HTML ก็ตาม XML เป็น markup language ซึ่งทุกๆ อย่างจะต้องถูกต้องตามหลักเสมอ ไม่งั้นแสดงผลไม่ออก เราจะเรียกลักษณะนี้ว่า "well-formed" ถ้าเราเอาเจ้า XML นี่ เข้ามาเอี่ยวกับ HTML เราก้อจะต้องเขียนให้มันถูกหลักของมันอะนะ ให้มันมีลักษณะ "well-formed" นั่นเอง

ทุกวันนี้ ตลาดของ browser มีความแตกต่างกันออกไป บางตัวก็รัน Internet บน Computer หรือบางตัวก็รัน Internet บนโทรศัพท์มือถือ หรือชุด hand set ทั่วๆ ไป ซึ่งเจ้าตัวที่รันบนมือถือหรือบน hand set ทั่วๆไปนี่แหละ ถ้าเราเขียนแล้วไม่อยู่ในลักษณะของ "well-formed" มันก็จะแสดงผลไม่ได้ เนื่องจากระดับของการประมวลผลมีไม่เพียงพอ

ฉะนั้น จึงมีคนเอา HTML และ XML มาเอี่ยวเข้าด้วยกัน สุดท้ายจึงออกมาเป็น XHTML นี่แหละ

สำหรับคนที่ต้องการรู้ว่าเว็บของตัวเองมีการเขียนที่ถูกหลักของ XHTML หรือไม่ จิ้มที่อันนี้เลย

ไว้คราวหน้า จะมาดูหลักเบื้องต้นของ XHTML กัน

ข้อมูลจาก http://www.w3schools.com และ http://www.w3.org

แก้ไขล่าสุด วันที่ 1 กรกฎาคม 2550 เวลา 2.23 น.

0 comments | Filed Under: General | Tags: html

codegent: we're hiring