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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการสร้าง User Password Odoo12 CRM
โดย ณัฐกฤตา บุญญะฤทธิ์ พฤ 14 ก.พ. 2019 2:22 pm บอร์ด MlineCRM Line + MD-CRM
0
14
พฤ 14 ก.พ. 2019 2:22 pm โดย ณัฐกฤตา บุญญะฤทธิ์
รวมคู่มือ MlineCRM Line + MD-CRM
โดย Parichat พฤ 14 ก.พ. 2019 2:14 pm บอร์ด MlineCRM Line + MD-CRM
2
9
พฤ 14 ก.พ. 2019 4:20 pm โดย ณัฐกฤตา บุญญะฤทธิ์
ต้องการหาวันที่ย้อนหลัง 120 วัน ว่าเป็นวันที่เท่าไหร่ จะทำยังไงได้บ้าง
โดย thatsawan พฤ 14 ก.พ. 2019 11:27 am บอร์ด Programming - C/C++ & java & Python
3
38
พฤ 14 ก.พ. 2019 11:46 am โดย mindphp
งานประจำวันที่ 14 กุมภาพันธ์ 2562
โดย Four พฤ 14 ก.พ. 2019 9:52 am บอร์ด M077 - อิษยา งามสอาด
1
19
พฤ 14 ก.พ. 2019 6:51 pm โดย Four
Introducing Mod MDFiles Featured MDFiles popular modules bring files from MDFile to show.
โดย wipaporn พ 13 ก.พ. 2019 6:51 pm บอร์ด English Language
0
30
พ 13 ก.พ. 2019 6:51 pm โดย wipaporn
การใช้งาน Python GUI (Tkinter) : Tkinter widget (Cursors)การแสดงผลตัวชี้เมาส์บน
โดย ธวัชชัย แสนหาญ พ 13 ก.พ. 2019 6:48 pm บอร์ด Python Knowledge
0
63
พ 13 ก.พ. 2019 6:48 pm โดย ธวัชชัย แสนหาญ
Introducing MDFiles Featured modules bring files from MDFile to show
โดย wipaporn พ 13 ก.พ. 2019 6:34 pm บอร์ด English Language
0
23
พ 13 ก.พ. 2019 6:34 pm โดย wipaporn
Introducing Editors XTD Multicontent, a plugin for pulling articles from Master Site into Web Clien.
โดย wipaporn พ 13 ก.พ. 2019 6:05 pm บอร์ด English Language
0
22
พ 13 ก.พ. 2019 6:05 pm โดย wipaporn
Introducing MJUpgrade for upgrading Joomla 1.5 to Joomla 2.5, 3.X
โดย wipaporn พ 13 ก.พ. 2019 6:03 pm บอร์ด English Language
0
19
พ 13 ก.พ. 2019 6:03 pm โดย wipaporn
Introducing the Mod vinaora visitors counter for counting website visits in joomla
โดย wipaporn พ 13 ก.พ. 2019 6:01 pm บอร์ด English Language
0
17
พ 13 ก.พ. 2019 6:01 pm โดย wipaporn
Introducing MVDO plugin for uploading Youtube videos and Clipmass
โดย wipaporn พ 13 ก.พ. 2019 5:58 pm บอร์ด English Language
0
16
พ 13 ก.พ. 2019 5:58 pm โดย wipaporn
Introducing MD Gallery Components for creating photo galleries on Joomla 3.x website
โดย wipaporn พ 13 ก.พ. 2019 5:54 pm บอร์ด English Language
0
15
พ 13 ก.พ. 2019 5:54 pm โดย wipaporn
ถ้าเปรียบชีวิตมี ค่า 100 %
โดย จันนุสรณ์ ดีแก่ พ 13 ก.พ. 2019 5:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
27
พ 13 ก.พ. 2019 5:30 pm โดย จันนุสรณ์ ดีแก่
Plugin MD Watermark 소개, 자동 워터마킹용 플러그
โดย wipaporn พ 13 ก.พ. 2019 3:53 pm บอร์ด korean Language - 한국어
0
21
พ 13 ก.พ. 2019 3:53 pm โดย wipaporn
PayToRead 소개. 플러그인은 일부 텍스트만 보여준다.
โดย wipaporn พ 13 ก.พ. 2019 3:51 pm บอร์ด korean Language - 한국어
0
15
พ 13 ก.พ. 2019 3:51 pm โดย wipaporn
Facebook에 웹 사이트 회원 등록을 돕기 위한 Component MFacebook 소개
โดย wipaporn พ 13 ก.พ. 2019 3:48 pm บอร์ด korean Language - 한국어
0
16
พ 13 ก.พ. 2019 3:48 pm โดย wipaporn
"Module Mrelated Article Specific Category"(저장소 검색 이력)을 소개한다
โดย wipaporn พ 13 ก.พ. 2019 3:46 pm บอร์ด korean Language - 한국어
0
17
พ 13 ก.พ. 2019 3:46 pm โดย wipaporn
MDFiles Categories Module을 소개한다.
โดย wipaporn พ 13 ก.พ. 2019 3:44 pm บอร์ด korean Language - 한국어
0
14
พ 13 ก.พ. 2019 3:44 pm โดย wipaporn
MDFile의 파일을 보여주는 mod mdfile recent 모듈 소개
โดย wipaporn พ 13 ก.พ. 2019 3:41 pm บอร์ด korean Language - 한국어
0
12
พ 13 ก.พ. 2019 3:41 pm โดย wipaporn
Joomla용 MDFile Components를 소개하고, 웹사이트에서 문서 파일을 다운로드하는 것을 돕는다.
โดย wipaporn พ 13 ก.พ. 2019 3:37 pm บอร์ด korean Language - 한국어
0
13
พ 13 ก.พ. 2019 3:37 pm โดย wipaporn