ให้เรตสมาชิก: 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 เพิ่มขึ้นเรื่อยๆ

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เมื่อขอเว็บไซต์
โดย จันนุสรณ์ ดีแก่ พฤ 10 ม.ค. 2019 12:09 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พฤ 10 ม.ค. 2019 12:09 pm โดย จันนุสรณ์ ดีแก่
สั่งเปิดหลอดไฟ LED ด้วยภาษา Python ผ่าน GPIO
โดย ichimarusoichi พฤ 10 ม.ค. 2019 12:04 pm บอร์ด Python Knowledge
0
59
พฤ 10 ม.ค. 2019 12:04 pm โดย ichimarusoichi
[Extension phpBB3.1.1] ฺฺBackground image in text area Extention ภาพพื้นหลังในกล่อง BBCODE
โดย จันนุสรณ์ ดีแก่ พฤ 10 ม.ค. 2019 12:01 pm บอร์ด phpBB 3.1 Extension Review
0
15
พฤ 10 ม.ค. 2019 12:01 pm โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1]Visio Extension การเปลี่ยนสไตล์ในรูปแบบ Visio ช่วยให้เว็บบอร์ดสวยงามยิ่งขึ้น
โดย จันนุสรณ์ ดีแก่ พฤ 10 ม.ค. 2019 11:12 am บอร์ด phpBB 3.1 Extension Review
0
17
พฤ 10 ม.ค. 2019 11:12 am โดย จันนุสรณ์ ดีแก่
สั่งปิดหรือรีบูตเครื่องคอมพิวเตอร์ด้วย Python
โดย ichimarusoichi พฤ 10 ม.ค. 2019 11:03 am บอร์ด Python Knowledge
0
43
พฤ 10 ม.ค. 2019 11:03 am โดย ichimarusoichi
การสร้าง CRUD ในภาษา PHP เบื้องต้น part2
โดย abdkode พ 09 ม.ค. 2019 6:57 pm บอร์ด PHP Knowledge
0
33
พ 09 ม.ค. 2019 6:57 pm โดย abdkode
หลักการใช้งาน เบื้องต้น regular extension บน phpbb
โดย Ittichai_chupol พ 09 ม.ค. 2019 5:07 pm บอร์ด PHP Knowledge
0
26
พ 09 ม.ค. 2019 5:07 pm โดย Ittichai_chupol
เอฟเฟ็คปุ่ม สวยๆ เมื่อเอา mouse hover ด้วย css
โดย abdkode พ 09 ม.ค. 2019 5:04 pm บอร์ด CSS Knowledge
0
34
พ 09 ม.ค. 2019 5:04 pm โดย abdkode
การเปลี่ยนชื่อ Board index text สำหรับผู้ดูแลระบบและผู้สนใจศึกษา
โดย จันนุสรณ์ ดีแก่ พ 09 ม.ค. 2019 4:28 pm บอร์ด phpBB user Guide Knowledge
0
32
พ 09 ม.ค. 2019 4:28 pm โดย จันนุสรณ์ ดีแก่
การตั้งค่าพื้นฐานตัวบอร์ด Phpbb การตั้งค่าสไลต์บอร์ดสำหรับแอดมินและผู้สนใจศึกษา
โดย จันนุสรณ์ ดีแก่ พ 09 ม.ค. 2019 3:53 pm บอร์ด phpBB user Guide Knowledge
0
22
พ 09 ม.ค. 2019 3:53 pm โดย จันนุสรณ์ ดีแก่
ความรู้เบื้องต้นเกี่ยวกับ ฟังก์ชั่น Nofitication บน phpbb
โดย Ittichai_chupol พ 09 ม.ค. 2019 3:42 pm บอร์ด PHP Knowledge
0
21
พ 09 ม.ค. 2019 3:42 pm โดย Ittichai_chupol
[Extension phpBB3.1.1] Image Upload Extension การเลือกรูปภาพหลายๆไฟล์
โดย จันนุสรณ์ ดีแก่ พ 09 ม.ค. 2019 2:57 pm บอร์ด phpBB 3.1 Extension Review
0
13
พ 09 ม.ค. 2019 2:57 pm โดย จันนุสรณ์ ดีแก่
[Extension phpBB3.1.1] Header banner Extention เป็นการสร้างแบนเนอร์ส่วนหัว
โดย จันนุสรณ์ ดีแก่ พ 09 ม.ค. 2019 1:50 pm บอร์ด phpBB 3.1 Extension Review
0
18
พ 09 ม.ค. 2019 1:50 pm โดย จันนุสรณ์ ดีแก่
เมื่อลองหูฟังใหม่
โดย จันนุสรณ์ ดีแก่ พ 09 ม.ค. 2019 1:10 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
29
พ 09 ม.ค. 2019 1:10 pm โดย จันนุสรณ์ ดีแก่
การตกแต่งข้อความในกระทู้เว็บบอร์ดโดยการทำให้ข้อความเป็นตัวหนา ทำให้ข้อความสวยงามยิ่งขึ้น
โดย จันนุสรณ์ ดีแก่ อ 08 ม.ค. 2019 6:24 pm บอร์ด phpBB user Guide Knowledge
2
45
อ 08 ม.ค. 2019 6:49 pm โดย จันนุสรณ์ ดีแก่
Social CRM เกี่ยวข้องอะไรกับ MIS
โดย Anonymous อ 08 ม.ค. 2019 6:10 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
35
อ 08 ม.ค. 2019 6:10 pm โดย บุคคลทั่วไป
การติดตั้งและใช้งาน sweetalert2 javascript's popup
โดย abdkode อ 08 ม.ค. 2019 5:48 pm บอร์ด Jquery & Ajax Knowledge
0
21
อ 08 ม.ค. 2019 5:48 pm โดย abdkode
อยากทราบวิธีการดึงรูป ที่แนบในโพสมาแสดงตอน แชร์ facebook บน phpbb
โดย Ittichai_chupol อ 08 ม.ค. 2019 5:48 pm บอร์ด Programming - PHP
4
59
พ 09 ม.ค. 2019 5:30 pm โดย meaw09
Toasts ใน bootstrap4
โดย abdkode อ 08 ม.ค. 2019 5:32 pm บอร์ด Booststap Knowledge
0
18
อ 08 ม.ค. 2019 5:32 pm โดย abdkode
คำห่วงใยจากลูกค้า
โดย จันนุสรณ์ ดีแก่ อ 08 ม.ค. 2019 5:25 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
18
อ 08 ม.ค. 2019 5:25 pm โดย จันนุสรณ์ ดีแก่