ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 20 XHTML
   XHTML เป็นภาษาที่ถูกกำหนดให้เป็นภาษามาตรฐานใหม่ที่จะใช้ในการสร้างเว็บเพจต่อไปในอนาคต เว็บเบราเซอร์์ทุกค่ายจะรองรับการใช้งาน XHTML และในอนาคตปัญหาการแสดงผลที่ไม่เหมือนกัน ในเว็บเบราเซอร์์ต่างค่ายกันก็จะหมดไป
   XHTML ไม่ได้ต่างจาก HTML มากมายอะไรนัก เพียงแต่ว่าเข้มงวดเรื่องความถูกต้องของ syntax มากขึ้นสำหรับ HTML แม้ว่าเราเขียน code ผิดพลาดไปบ้าง เช่น ลืม tag ปิด เว็บเบราเซอร์์ ก็ยังสามารถตีความและแสดงผลได้อย่างถูกต้องเป็นส่วนมาก

   สิ่งแตกต่างที่สำคัญระหว่าง XHTML กับ HTML ได้แก่

    1. ทุก XHTML element ที่ซ้อนกันต้องเรียงลำดับให้ถูก แต่ละ element ต้องไม่เปิด ปิด ข้ามกัน ใน HTML เราสามารถเขียนสลับ tag ปิดกันได้ เช่น

<b><i>ข้อความนี้เป็นตัวหนา และตัวเอียง</b></i>


แต่สำหรับ XHTML แล้ว เราจะต้องเรียงลำดับการปิดของ tag ให้ถูกต้อง

<b><i>ข้อความนี้เป็นตัวหนา และตัวเอียง</i></b>

     2. ทุก XHTML element ต้องทำการปิดให้เรียบร้อย ไม่เว้นแม้แต่ element ที่ไม่มี tag ปิด เช่น <br> จะต้องทำการปิด โดยใช้เครื่องหมาย ' /' เป็น <br /> เป็นต้น
ใน HTML เราอาจลืม tag ปิดได้

<p>ข้อความที่ 1
<p>ข้อความที่ 2 <br>
ข้อความที่ 3 <hr>
<img src="/pic.gif">

แต่สำหรับ XHTML แล้ว จะต้องทำการปิดให้เรียบร้อยทุก tag

<p>ข้อความที่ 1</p>
<p>ข้อความที่ 2 <br />
ข้อความที่ 3 <hr />
<img src="/pic.gif" />
</p>

   3. ทุก XHTML element ต้องเขียน tag, attribute และค่าของ attribute ด้วยตัวพิมพ์เล็ก
ใน HTML เราจะใช้์ตัวพิมพ์เล็กหรือพิมพ์ใหญ่ก็ได้

<BODY>
<P Align="CENTER">ข้อความจัดวางกึ่งกลาง</P>
</body>แต่สำหรับ XHTML แล้ว ให้ใช้ตัวพิมพ์เล็กทั้งหมด
<body>
<p align="center">ข้อความจัดวางกึ่งกลาง</p>
</body>

   4. ค่าของ attribute ต้องอยู่ในเครื่องหมาย ".." เสมอ
ใน HTML เราอาจจะไม่ใส่เครื่องหมาย ".." ครอบค่าของ attribute ก็ได้

<table width=100%>

แต่สำหรับ XHTML แล้ว เราจะต้องใส่เครื่องหมาย ".." ให้ ค่าของ attribute

<table width="100%">

   5. เราไม่สามารถใช้รูปย่อของ attribute ได้
ใน HTML สามารถทำได้ เช่น

<input type="checkbox" checked>

แต่สำหรับ XHTML แล้วจะต้องเขียนเต็มแบบนี้

<input type="checkbox" checked="checked" />

   6. ใช้ attribute id แทน attribute name
ใน HTML จะใช้ attribute name สำหรับ element ต่าง เช่น applet, frame, iframe, input และ img

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

แต่สำหรับ XHTML แล้ว ให้ใช้ attribute id แทน

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

และเพื่อให้ใช้กับเว็บเบราเซอร์์รุ่นเก่าได้ ให้ใส่้ทั้ง attribute id และ attribute name ควบคู่กัน

<img src="/picture.gif" id="pic1" name="pic1" />
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ความเจ็บนี้ไม่มีเสียง
โดย noppadonsk ศ 06 มี.ค. 2020 4:49 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
1060
ศ 06 มี.ค. 2020 4:49 pm โดย noppadonsk
การเก็บ log เมื่อมีการ แยก รวม ที่ดิน
โดย blackbullx16 ศ 06 มี.ค. 2020 4:47 pm บอร์ด SQL - Database
4
1568
ศ 27 มี.ค. 2020 4:11 pm โดย blackbullx16
วิธีการการเขียน css เพื่อปรีบความกว้างในการสแดงประโยค
โดย Ittichai_chupol ศ 06 มี.ค. 2020 1:40 pm บอร์ด CSS Knowledge
0
585
ศ 06 มี.ค. 2020 1:40 pm โดย Ittichai_chupol
วิธีการการเขียน css เพื่อปรีบความกว้างในการสแดงประโยค
โดย Ittichai_chupol ศ 06 มี.ค. 2020 10:34 am บอร์ด CSS Knowledge
1
1427
ศ 06 มี.ค. 2020 5:17 pm โดย Riyaaa
ทิป การใช้งานโปรแกรมนาโน nano บน Linux ทั้ง Ubuntu CentOS ไปบรรทัดสุดท้ายของ ไฟล์
โดย mindphp ศ 06 มี.ค. 2020 3:08 am บอร์ด Linux - Web Server
0
622
ศ 06 มี.ค. 2020 3:08 am โดย mindphp
อยากทราบวิธีการการแก้ไขไม่ให้ตัวอักษรอยู่ภายใต้ปุ่ม
โดย Ittichai_chupol พฤ 05 มี.ค. 2020 6:47 pm บอร์ด HTML CSS
1
715
พฤ 05 มี.ค. 2020 6:51 pm โดย thatsawan
เรียกให้ดูหรูหรา
โดย noppadonsk พฤ 05 มี.ค. 2020 6:31 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
406
พฤ 05 มี.ค. 2020 6:31 pm โดย noppadonsk
ประสบการณ์เรื่องที่พัก เสียเงินค่าเช่าไปวันๆ
โดย jataz2 พฤ 05 มี.ค. 2020 5:52 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
341
พฤ 05 มี.ค. 2020 5:52 pm โดย jataz2
เรียกใช้งาน pip ใน python 3.7 บน ubuntu ไม่ได้ครับ
โดย chatee supasand พฤ 05 มี.ค. 2020 10:49 am บอร์ด Programming - C/C++ & java & Python
1
1340
พฤ 05 มี.ค. 2020 11:41 am โดย mindphp
สอบถามเรื่องพัฒนาเว็บไซต์โดยใช้ PHP ช่วยเข้ามาตอบหรืออธิบายขั้นตอนการทำงานให้ฟังหน่อยได้ไหมครับตอนนี้ไปไม่ถูกแล้ว
โดย gangger00 อ 03 มี.ค. 2020 1:03 pm บอร์ด Programming - PHP
0
399
อ 03 มี.ค. 2020 1:03 pm โดย gangger00
แก้ปัญหา gnutls_handshake() failed: Decrypt error ติดตั้ง packet ใหม่บน Ubuntu 14
โดย mindphp จ 02 มี.ค. 2020 5:05 pm บอร์ด Linux - Web Server
0
520
จ 02 มี.ค. 2020 5:05 pm โดย mindphp
การแก้ปัญหาไวรัส
โดย noppadonsk จ 02 มี.ค. 2020 4:42 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
334
จ 02 มี.ค. 2020 4:42 pm โดย noppadonsk
สอบถาม อยากไม่ให้หน้ากระดาษแบ่งหน้าต้องทำอย่างไรครับ ใน wkhtmltopdf
โดย jirawoot จ 02 มี.ค. 2020 11:56 am บอร์ด Programming - C/C++ & java & Python
2
2152
พ 04 มี.ค. 2020 10:24 am โดย jirawoot
วิธีการสร้างนึกค่า value มาจาก input โดยใช้ javascript ในกรณีที่ไม่มี class กับ id
โดย Ittichai_chupol ศ 28 ก.พ. 2020 4:40 pm บอร์ด Jquery & Ajax Knowledge
0
1356
ศ 28 ก.พ. 2020 4:40 pm โดย Ittichai_chupol
รีวิวเปรียบเทียบ เครื่องปริ้นเล็ก Printer Slip Better BT5890T Vs Printer Slip VENUS PRT-058
โดย chatee supasand ศ 28 ก.พ. 2020 4:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
2327
ศ 28 ก.พ. 2020 4:20 pm โดย chatee supasand
แกกล้าดียังไง
โดย noppadonsk ศ 28 ก.พ. 2020 10:06 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
435
ศ 28 ก.พ. 2020 10:06 am โดย noppadonsk
ข้อดีของ เว็บบอร์ด คือจับตัว IO ได้ง่าย
โดย mindphp พฤ 27 ก.พ. 2020 8:12 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
430
พฤ 27 ก.พ. 2020 8:12 pm โดย mindphp
อยากทราบวิธีการแก้ไขปัญหา Uncaught TypeError: Cannot read property '0' of undefined ใน javascript
โดย Ittichai_chupol พฤ 27 ก.พ. 2020 8:04 pm บอร์ด Programming - PHP
2
1055
ศ 06 มี.ค. 2020 4:18 pm โดย tanvishah
การเขียนโค้ดมีความเสี่ยง
โดย noppadonsk พฤ 27 ก.พ. 2020 6:19 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
344
พฤ 27 ก.พ. 2020 6:19 pm โดย noppadonsk
อยากทราบวิธีการ import ชนิดข้อมูลที่เป็น date ใน Excel มาเป็น text เพื่อบันทึกลงในฐานข้อมูล
โดย Ittichai_chupol พฤ 27 ก.พ. 2020 2:55 pm บอร์ด Programming - PHP
1
502
พฤ 27 ก.พ. 2020 2:57 pm โดย thatsawan