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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การกำหนดเงื่อนไขรูปแบบเซลล์ใน Google Sheets
โดย wilawan จ 04 มิ.ย. 2018 4:48 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
33
จ 04 มิ.ย. 2018 4:48 pm โดย wilawan
ขั้นตอนการทำ Internal Transfer
โดย Rujikon จ 04 มิ.ย. 2018 4:46 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
5
36
พฤ 07 มิ.ย. 2018 10:36 am โดย thatsawan
กำหนดสิทธิ์การใช้งานเซลล์ใน Google Sheets
โดย wilawan จ 04 มิ.ย. 2018 4:03 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
36
จ 04 มิ.ย. 2018 4:03 pm โดย wilawan
R - ช่อง End of Warranty ควรจะมีการลิ้งข้อมูล เวลาเคลมของเก่า การรับประกันของสินค้าจะต้องถูกถ่ายทอดมายัง SN ตัวใหม่
โดย nuattawoot จ 04 มิ.ย. 2018 2:35 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
4
42
พฤ 14 มิ.ย. 2018 6:55 pm โดย thatsawan
R - Stock Move ให้เรียงลำดับตาม Timeline ไม่เรียงตามเลขแบบปัจจุบัน
โดย nuattawoot จ 04 มิ.ย. 2018 2:32 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
22
พฤ 07 มิ.ย. 2018 10:52 am โดย nuattawoot
R - เปลี่ยนชื่อปุ่ม RMA Line จาก Confirm เป็น Receive
โดย nuattawoot จ 04 มิ.ย. 2018 2:28 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
20
ศ 08 มิ.ย. 2018 5:12 pm โดย Rujikon
R - ปรับการทำงานหน้าจอ ให้มันเป็นระบบ ออโต้
โดย nuattawoot จ 04 มิ.ย. 2018 2:26 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
2
19
อ 12 มิ.ย. 2018 4:24 pm โดย mindphp
R - เมื่อกดตรงแถบ SN Expiry ต้องการให้เคอร์เซ่อ มากระพริบ
โดย nuattawoot จ 04 มิ.ย. 2018 2:23 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
13
ศ 08 มิ.ย. 2018 5:05 pm โดย Rujikon
R - สถานะสุดท้ายของ RMA Group เปลี่ยนจาก Received เป็น Done
โดย nuattawoot จ 04 มิ.ย. 2018 2:21 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
2
27
อ 12 มิ.ย. 2018 4:35 pm โดย mindphp
R - ตอนกดส่งให้แสดง S/N1 ปัจจุบันแสดง Serial Number ไม่ได้ใช้
โดย nuattawoot จ 04 มิ.ย. 2018 2:15 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
0
19
จ 04 มิ.ย. 2018 2:15 pm โดย nuattawoot
การตั้งค่าให้ Joomla เก็บสถิติ การค้นหา
โดย Parichat จ 04 มิ.ย. 2018 11:03 am บอร์ด Joomla Developing Knowledge
0
36
จ 04 มิ.ย. 2018 11:03 am โดย Parichat
รวมบทความ ปี 2561
โดย wilawan จ 04 มิ.ย. 2018 10:49 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
0
1
จ 04 มิ.ย. 2018 10:49 am โดย wilawan
รวมงานประจำปี 2561
โดย wilawan จ 04 มิ.ย. 2018 10:49 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
0
1
จ 04 มิ.ย. 2018 10:49 am โดย wilawan
Work's on Hand วิลาวัณย์ นักษัตรมณฑล M062
โดย wilawan จ 04 มิ.ย. 2018 10:47 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
2
31
จ 11 มิ.ย. 2018 12:25 pm โดย wilawan
งานประจำวันที่ 4 มิถุนายน 2561
โดย wilawan จ 04 มิ.ย. 2018 10:46 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
2
45
จ 04 มิ.ย. 2018 2:20 pm โดย wilawan
งานประจำวันที่ 4 มิถุนายน 2561
โดย Rujikon จ 04 มิ.ย. 2018 10:26 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
14
จ 04 มิ.ย. 2018 7:04 pm โดย Rujikon
งานประจำวันที่ 4 มิถุนายน 2561
โดย Parichat จ 04 มิ.ย. 2018 9:37 am บอร์ด M061 - ปาริชาติ รัตโณภาส
3
16
จ 04 มิ.ย. 2018 7:22 pm โดย Parichat
ขอสอบถามการติดตั้ง pgAdminIII - 32 bit
โดย kkeinezung จ 04 มิ.ย. 2018 9:19 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
34
จ 04 มิ.ย. 2018 9:19 am โดย kkeinezung
ขอสอบถามการติดตั้ง pgAdminIII - 32 bit
โดย kkeinezung จ 04 มิ.ย. 2018 9:11 am บอร์ด Programming - PHP
0
30
จ 04 มิ.ย. 2018 9:11 am โดย kkeinezung
INSERT ข้อมูลไม่ลงฐานข้อมูลค่ะ รบกวนช่วยแนะนำหน่อยค่ะ ไม่แน่ใจว่าผิดตรงไหน
โดย supattra_su อ 03 มิ.ย. 2018 11:28 am บอร์ด Programming - PHP
1
58
อ 03 มิ.ย. 2018 5:13 pm โดย mindphp