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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การเพิ่มข้อมูลหลักคู่ค้า
โดย kanchanok พฤ 05 เม.ย. 2018 2:22 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
140
พฤ 05 เม.ย. 2018 2:22 pm โดย kanchanok
การสำรองข้อมูลใน SAP - Backup & Restore ฐานข้อมูล ระบบ ERP
โดย kanchanok พฤ 05 เม.ย. 2018 1:30 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
155
พฤ 05 เม.ย. 2018 1:30 pm โดย kanchanok
ประโยชน์ในการใช้ SAP
โดย kanchanok พฤ 05 เม.ย. 2018 10:36 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
162
พฤ 05 เม.ย. 2018 10:36 am โดย kanchanok
ข้อดีข้อเสียของ SAP
โดย kanchanok พฤ 05 เม.ย. 2018 9:31 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
171
พฤ 05 เม.ย. 2018 9:31 am โดย kanchanok
อัตราภาษีหัก ณ ที่จ่าย
โดย kanchanok พ 04 เม.ย. 2018 2:58 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
162
พ 04 เม.ย. 2018 2:58 pm โดย kanchanok
ทำความรู้จักกับ adobe premiere (อะโบี้ พรีเมียร์)
โดย watcharin พ 04 เม.ย. 2018 2:29 pm บอร์ด Graphic design
0
145
พ 04 เม.ย. 2018 2:29 pm โดย watcharin
การเดินทางจากฉะเชิงเทราไปกรุงเทพ
โดย kanchanok พ 04 เม.ย. 2018 2:15 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
152
พ 04 เม.ย. 2018 2:15 pm โดย kanchanok
FAT คืออะไร
โดย watcharin อ 03 เม.ย. 2018 6:53 pm บอร์ด Share Knowledge
0
155
อ 03 เม.ย. 2018 6:53 pm โดย watcharin
การใช้งาน Python GUI (Tkinter) : Button Flash (การทำปุ่มกระพริบเมื่อกด)
โดย Jom07 อ 03 เม.ย. 2018 4:38 pm บอร์ด Python Knowledge
0
163
อ 03 เม.ย. 2018 4:38 pm โดย Jom07
ขอเชิญชวนชาวจังหวัดน่าน ไม่จำกัดเพศและอายุ เข้าร่วมการประกวดออกแบบ
โดย Natthida Wutthi อ 03 เม.ย. 2018 4:27 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
131
อ 03 เม.ย. 2018 4:27 pm โดย Natthida Wutthi
IQ และ EQ แตกต่างกันอย่างไร ??
โดย watcharin อ 03 เม.ย. 2018 4:22 pm บอร์ด Share Knowledge
0
141
อ 03 เม.ย. 2018 4:22 pm โดย watcharin
การใช้งาน Python GUI (Tkinter) : Cursors (การใช้เมาส์ชี้เป็นสัญลักษณ์ต่าง ๆ)
โดย Jom07 จ 02 เม.ย. 2018 6:22 pm บอร์ด Python Knowledge
0
140
จ 02 เม.ย. 2018 6:22 pm โดย Jom07
สอบถามเรื่อง users com fields ตัว fields values ไม่แสดงภาษาไทย
โดย amnad ส 31 มี.ค. 2018 11:47 pm บอร์ด Joomla Development
4
208
อ 01 เม.ย. 2018 8:05 pm โดย amnad
ทำความรู้จักกับ Adobe (อโดบี้) ว่ามีอะไรบ้าง
โดย watcharin ส 31 มี.ค. 2018 1:50 pm บอร์ด Graphic design
0
129
ส 31 มี.ค. 2018 1:50 pm โดย watcharin
Adobe Indesign คืออะไร
โดย watcharin ส 31 มี.ค. 2018 1:28 pm บอร์ด Graphic design
0
115
ส 31 มี.ค. 2018 1:28 pm โดย watcharin
Utility software คืออะไร
โดย watcharin ศ 30 มี.ค. 2018 3:50 pm บอร์ด Share Knowledge
0
115
ศ 30 มี.ค. 2018 3:50 pm โดย watcharin
Domain .biZ คืออะไร
โดย watcharin ศ 30 มี.ค. 2018 2:12 pm บอร์ด Share Knowledge
0
97
ศ 30 มี.ค. 2018 2:12 pm โดย watcharin
Domain .com คืออะไร
โดย watcharin ศ 30 มี.ค. 2018 11:54 am บอร์ด Share Knowledge
0
101
ศ 30 มี.ค. 2018 11:54 am โดย watcharin
เรื่องน่าเศร้าของโปรแกรมเมอร์
โดย Before Dong ศ 30 มี.ค. 2018 10:17 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
167
ศ 30 มี.ค. 2018 10:17 am โดย Before Dong
การใช้งาน Python GUI (Tkinter) : Bitmaps (การใช้แอ็ตทริบิวต์เป็นสัญลักษณ์ต่าง ๆ)
โดย Jom07 พฤ 29 มี.ค. 2018 10:00 pm บอร์ด Python Knowledge
0
105
พฤ 29 มี.ค. 2018 10:00 pm โดย Jom07