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

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

HTML 5 หรือ xHTML 2 ต่างจาก html 4.1 หรือ XHTML 1.0

ความแตกต่างของ HTML 5 หรือ xHTML 2 กับ html 4.1 หรือ XHTML 1.0 ตรงไหนบ้าง
ความแตกต่างของ HTML 5 หรือ xHTML 2 กับ html 4.1 หรือ XHTML 1.0 ตรงไหนบ้าง


ก่อนเขียนบทความนี้ HTML5 ออกมาได้ซักระยะหนึ่งแล้ว (เกือบๆ สองปี ) แต่ Browser ทุก ยังไม่ได้ สนับสนุน HTML5 กัน 100%, Browser ที่เหมาะ ที่สุดที่จะทดสอบความสามารถของ HTML5 ตอนนี้ คือ Google Chrome ส่วน Webserver หรือ Host ก็ไม่จำเป็นต้องเปลี่ยนแปลงรับ HTML5 แต่อย่างใด เพราะ HTML5 ไม่ได้ทำงานทางผั่ง Server

html 5 กับ html 4.1 มีอะไรต่างกันบ้าง ?

ดูง่ายๆ แบบผิวๆ HTML 5 เปรียบได้กับ การเอาข้อดีของ HTML4+xHTML+Dom level 2
ความต่างของ tag ก่อนเปิดของ html คือ html5 จะใช้ <!doctype html> แทน <?xml version="1.0" encoding="UTF-8"?> ใน html4
โดย doctype วางไว่ก่อน tag เปิด html ลองดูโค้ดประกอบ
HTML5

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Example document</title>
  </head>
  <body>
    <p>Example paragraph</p>
  </body>
</html>

HTML4

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Example document</title>
  </head>
  <body>
    <p>Example paragraph</p>
  </body>
</html>

 tag ที่เพิ่มเข้ามาใน html5

- tag เกี่ยวกับโครงสร้างหน้าเว็บ  จะมี tag section, article, aside, hgroup, header, footer, nav , figure. figcaption  ดูภาพความแตกต่างของการสร้างโครงสร้าง html4 และ html5 

นอกจาก tag เกี่ยวกับโครงสร้างเว็บที่เพิ่มขึ้นแล้ว ยังมี input type เพิ่มขึ้นด้ว ดังนี้    
    tel รับข้อมูลใน form เป็น เบอร์โทร
    search กรองข้อความสำหรับ search ข้อความที่รับจะเป็น text
    url กร่องรับข้อมูลเป็น url ที่ถูกหลักของ URL คืออะไร
    email  กร่องรับข้อมูลเฉพาะ e-mail ที่มีรูปแบบที่ถูกต้องของ e-mail
    datetime รับข้อมูลเป็น date time
    date รับข้อมูลเป็นวันที่
    month รับข้อมูลเป็นเดือน
    week รับข้อมูลเป็นสัปดาห์
    time รับข้อมูลเป็น เวลา
    datetime-local รับข้อมูลเป็น local datetime
    number รับข้อมูเฉพาะตัวเลข
    range รับข้อมูลเป็นช่วง
   color  รับข้อมูลเป็น สี รับข้อมูลตัวเลขเป็นชุดๆ ของ RGB ตัวเลข 0-255 แต่ละชุดสี

รวมๆกันนี้เป็นความสามารถที่เรียกว่า Web form 2.0 , ใน HTML นอกจากคำว่า Web form 2.0 แล้วต่อไป เราจะได้ยินคำว่า Web Database, WebSocket, Web Storage, Web Workers, และอีกมากมาย

และยังมีอีกมากมายที่ HTML5 ทำได้ และคาดว่า web browser จะเริ่มสนับสนุนความสามารถหลักๆของ html5 เพิ่มขึ้นเรื่อยๆ

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การค้นหาภายในบอร์ด
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 12:10 pm บอร์ด phpBB user Guide Knowledge
0
33
ศ 14 ธ.ค. 2018 12:10 pm โดย จันนุสรณ์ ดีแก่
การค้นหาจากทั้งหมด
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 11:31 am บอร์ด phpBB user Guide Knowledge
0
28
ศ 14 ธ.ค. 2018 11:31 am โดย จันนุสรณ์ ดีแก่
เมื่อกราฟฟิกดีไซเนอร์อยากจีบสาว
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 10:45 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
38
ศ 14 ธ.ค. 2018 10:45 am โดย จันนุสรณ์ ดีแก่
การตั้งค่าบอร์ด
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 5:07 pm บอร์ด phpBB user Guide Knowledge
0
19
พฤ 13 ธ.ค. 2018 5:07 pm โดย จันนุสรณ์ ดีแก่
ส่งค่า ตัวแปร เปลี่ยนภาษา ไปยัง javascript บน phpbb
โดย Ittichai_chupol พฤ 13 ธ.ค. 2018 4:28 pm บอร์ด PHP Knowledge
0
19
พฤ 13 ธ.ค. 2018 4:28 pm โดย Ittichai_chupol
Styles Orange BBEs
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 3:58 pm บอร์ด phpBB 3.1 Extension Review
0
40
พฤ 13 ธ.ค. 2018 3:58 pm โดย จันนุสรณ์ ดีแก่
การจัดการกับข้อความ (การลบ)
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 3:30 pm บอร์ด phpBB user Guide Knowledge
0
24
พฤ 13 ธ.ค. 2018 3:30 pm โดย จันนุสรณ์ ดีแก่
JoomScan เครื่องมือตรวจสอบหาช่องโหว่ของระบบ Joomla แบบอัตโนมัติ
โดย tsukasaz พฤ 13 ธ.ค. 2018 2:24 pm บอร์ด Software Review
0
28
พฤ 13 ธ.ค. 2018 2:24 pm โดย tsukasaz
เมื่อจีบสาว!!
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 1:57 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
40
พฤ 13 ธ.ค. 2018 1:57 pm โดย จันนุสรณ์ ดีแก่
การเพิ่มกระทู้ให้อยู่ในรายการโปรด
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 1:22 pm บอร์ด phpBB user Guide Knowledge
0
25
พฤ 13 ธ.ค. 2018 1:22 pm โดย จันนุสรณ์ ดีแก่
สอบถามวิธีจัดการ Notify บน Browser หน่อยครับว่าจะตั้งค่ายังไงให้มันแสดง หรือให้ไม่แสดงยังไง
โดย tatiya พ 12 ธ.ค. 2018 7:13 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
43
พ 12 ธ.ค. 2018 7:13 pm โดย tatiya
Styles เว็บไซต์
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 5:48 pm บอร์ด phpBB 3.1 Extension Review
0
59
พ 12 ธ.ค. 2018 5:48 pm โดย จันนุสรณ์ ดีแก่
การเปลี่ยน Style Board phpBB
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 5:27 pm บอร์ด phpBB user Guide Knowledge
0
40
พ 12 ธ.ค. 2018 5:27 pm โดย จันนุสรณ์ ดีแก่
Q - วิธีการใส่ไฟล์ภาษาลงใน javascript
โดย Ittichai_chupol พ 12 ธ.ค. 2018 5:11 pm บอร์ด JavaScript & Jquery Ajax
1
67
พฤ 13 ธ.ค. 2018 11:27 am โดย mindphp
การเปลี่ยนสีและเพิ่มรูปภาพ USER!
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 4:10 pm บอร์ด phpBB user Guide Knowledge
0
39
พ 12 ธ.ค. 2018 4:10 pm โดย จันนุสรณ์ ดีแก่
วิธีสมัครเป็นสมาชิกในเว็บบอร์ด php
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 2:38 pm บอร์ด phpBB user Guide Knowledge
0
29
พ 12 ธ.ค. 2018 2:38 pm โดย จันนุสรณ์ ดีแก่
สอนวิธีเล่น LINE พร้อมกันหลายบัญชี
โดย tipsuphan พ 12 ธ.ค. 2018 2:35 pm บอร์ด Share Knowledge
0
40
พ 12 ธ.ค. 2018 2:35 pm โดย tipsuphan
วิธีการ ทำให้หน้าต่าง pop-up หลังทำงานเสร็จ
โดย Ittichai_chupol พ 12 ธ.ค. 2018 2:08 pm บอร์ด PHP Knowledge
1
29
พ 12 ธ.ค. 2018 2:33 pm โดย mindphp
เรื่องของเบลอ.
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 1:36 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
28
พ 12 ธ.ค. 2018 1:36 pm โดย จันนุสรณ์ ดีแก่
แก้ปัญหา หน้านี้โหลด Google Maps ไม่ถูกต้อง
โดย mindphp พ 12 ธ.ค. 2018 4:00 am บอร์ด HTML CSS
1
36
พ 12 ธ.ค. 2018 4:09 am โดย mindphp