[ศึกษาแล้วไปเจอเลยเอามาแจก] HTML5 แตกต่างจาก HTML , XML และ XHTML อย่างไร?

binknon7 · 27 สิงหาคม 2012, 14:17:18

เพื่อๆคนไหนที่เริ่มศึกษาเอาไปอ่านได้นะครับ

HTML5 แตกต่างจาก HTML , XML และ XHTML อย่างไร

   ก่อนที่จะมาดูถึงความแตกต่างระหว่าง HTML5 กับ HTML , XML และ XHTML เราควรรู้ก่อนว่า HTML5 , HTML , XML , XHTML แต่ละตัวมีที่มาที่ไปอย่างไรและสามารถที่จะทำอะไรได้บ้างซึ่งจะทำให้เราสามารถเปรียบเทียบ สรุปความเกี่ยวข้องของ HTML5 , HTML , XML และ XHTML ได้ไม่ยาก โดยเรื่มจาก

   HTML

   HTML คืออะไร
   → HTML มาจากคำว่า Hyper Text Markup Language คือภาษา markup(ภาษาคอมพิวเตอร์ที่แสดงทั้งข้อมูล และโครงสร้างหรือการแสดงผลข้อมูลเข้าไว้ด้วยกัน) ออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์
   → ภาษา markup เป็นภาษาที่รวมคำสั่งที่ใช้ในการกำหนดรูปแบบของ   Text หรือที่เรียกกันว่า "Tag" นั่นเอง
   → HTML จะใช้ Tag เหล่านี้ในการสร้างเว็บเพจ

   HTML Tag
   HTML markup tags โดยปกติแล้วจะเรียกว่า HTML Tag
   → HTML Tag เป็น keywords หรือคำสั่งที่อยู่ในวงเล็บ เช่น <html>
   → HTML Tag โดยปกติแล้วจะใช้เป็นคู่ เช่น <b> and </b>
   → web browser จะอ่านข้อความ HTML และแสดงออกมาทางเว็บเพจ

   XML

   XML คืออะไร
   → XML มาจากคำว่า eXtensible Markup Language ออกแบบมาเพื่อการส่งถ่ายและเก็บข้อมูล ไม่ใช่แสดงข้อมูล
   → XML เป็นทั้ง software and hardware ที่ใช้ในการส่งถ่ายข้อมูล
   → XML มีความสำคัญในการสร้างเว็บพอๆกันกับ HTML หรือกล่าวได้ว่าเป็นมาตรฐานของการสร้างเว็บเลยก็ได้
   ประโยชน์ของ XML
   → เหมาะสำหรับข้อมูลที่มีการเปลี่ยนแปลงตลอดเวลา
   → เป็นประโยชน์สำหรับการ share ข้อมูลที่มี applications ที่แตกต่างกันได้
   → XML ทำให้เกิดภาษาที่ใช้ในการเขียนเว็บใหม่ๆ เช่น XHTML RSS


   XHTML

   XHTML คืออะไร
   → XHTML มาจากคำว่า EXtensible HyperText Markup Language มีความคล้ายกันกับ HTML 4.01 มีความเข้มงวดในเรื่องของโครงสร้างภาษามากขึ้น
   → XHTML เป็น HTML ที่กำหนดโดย XML application

   HTML5

   HTML5 คืออะไร
   → HTML5 เป็นมาตรฐานใหม่ของ HTML XHTML
   → HTML5 ออกแบบมาเพื่อลดการใช้ Flash
   → HTML5 เข้ามาแทนที่ภาษา script
   → HTML5 ช่วยให้อุปกรณ์มีความเป็นอิสระต่อกัน
   → รูปแบบการพัฒนาเป็นแบบ open source
   สิ่งที่น่าสนใจใน HTML5
   → สนับสนุนการวาดภาพ การเปิดดู video และ audio เช่น ไฟล์ ogg
   → ใช้ในการควบคุม ตารางนัดหมาย วัน เวลา email url และการ search

      HTML5 มีความพิเศษกว่า HTML และ XHTML อย่างไร

   HTML5 เป็นภาษามาร์กอัป (ภาษาคอมพิวเตอร์ที่แสดงทั้งข้อมูล และโครงสร้างหรือการแสดงผลข้อมูลเข้าไว้ด้วยกัน) ที่ถูกพัฒนาล่าสุดของ HTML ซึ่งใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นๆที่เรียกใช้ผ่านทางเว็บเบราว์เซอร์
HTML5 มีความพิเศษกว่า HTML คือ
1 การเขียน Doctype เขียนได้ง่ายขึ้น (Doctype คือตัวที่บ่งบอกว่าไฟล์ที่เขียนเขียนด้วยเวอร์ชั่นอะไร) คือไม่ต้องเขียนกำหนดเวอร์ชั่น ซึ่งจะสามารถนำไปใช้กับเวอร์ชั่นใดๆก็ได้ในอนาคต
2 การกำหนดภาษาทำได้ง่ายขึ้น เมื่อก่อนจะต้องเขียน xmln หรือ xml:lang ในแท็ก <html> เพื่อกำหนดภาษาของหน้า แต่สำหรับ HTML5 จะเหลือแค่ : <html lang="en">
3 การกำหนดตัวอักษรก็ทำได้ง่ายขึ้นเช่นกัน เมื่อก่อนจะต้องเขียนแท็ก meta ยาว ๆ เพื่อกำหนด Character Set เป็น UTF-8 แต่ตอนนี้เราสามารถกำหนดโดยเขียนแค่นี้: <meta charset="utf-8″ />
4 ไม่ต้องมี "/" สำหรับแท็กเดี่ยวแล้ว แท็กเดี่ยว หมายถึงแท็กที่ไม่มีแท็กปิด เช่น <img> <input> <br> ซึ่งจะต่างกับแท็กที่เป็นแท็กเปิดปิดอย่าง <div></div> <strong></strong> โดยถ้าเป็นเมื่อก่อน แท็กเดี่ยวจะบังคับให้มี "/" ปิดท้าย เช่น <img /> หรือ <br /> แต่ใน HTML5 นี้แท็กเดี่ยวไม่จำเป็นต้องมี "/" ปิดท้ายแล้ว
   และ HTML5 มีความพิเศษกว่า XHTML คือ HTML5 จะมีโครงสร้างที่ง่ายกว่า XHTML
   สรุปก็คือ HTML5 จะนำเอาลักษณะพิเศษของ XHTML และ HTML มารวมกัน เพื่อให้การสร้างเว็ปทำได้ง่ายและสะดวกขึ้นนั่นเอง

   OGG

   เป็นรูปแบบของการบีบอัดไฟล์ที่เป็น multimedia เช่น เสียง วีดีโอ ให้มีขนาดเล็กลงแต่คุณภาพเท่าเดิมเมื่อเทียบกับ mp3 และ mp4 ออกแบบมาเพื่อ ลดการใช้งานของ Flash และนอกจากนี้ยังเป็น open source อีกด้วย ogg มี MIME type ( ตัวบ่งชี้ว่าชนิดข้อมูลนั้นๆคืออะไร ) เป็น application/ogg

   XSL

   คือ Style Sheets (การกำหนดรูปแบบการแสดงผลของหน้าเว็บเพจ) สำหรับจัดรูปแบบเอกสาร ใช้วิธีการสร้างแม่แบบ ซึ่งบางวิธีจะคล้ายกับของ CSS ซึ่งแม่แบบของ XSL ที่สร้างขึ้นนั้น จะนำไปใช้ในการจัดเตรียมกลไกการจัดรูปแบบสารสนเทศ ให้กับข้อมูลเอกสารที่ต้องการจัดสไตล์

   CSS
   CSS ย่อมาจากคำว่า Cascading Style Sheets แนะนำและสนับสนุนโดย Microsoft internet explorer 3.0 และ Netscape 4.0 เป็นต้นมา เป็นวิธีการกำหนดการแสดงผลของสิ่งต่างบนเว็บ เช่น ลักษณะอักษร ขนาด สี พื้นหนัง ถ้าใครเคยศึกษาภาษา Html มา มันก็คือ tag <font> นั่นเอง แต่เราสามารถใช้ CSS แทน     CSS มีประโยชน์ ดังนี้
   •   CSS มีคุณสมบัติมากกว่า tag ของ html  เช่นการกำหนดกรอบให้ข้อความ รวมทั้งสี  รูปแบบของข้อความที่กล่าวมาแล้ว
   •   CSS นั้นกำหนดที่ต้นของไฟล์ html  หรือตำแหน่งอื่น ๆ ก็ได้ และสามารถมีผล  กับเอกสารทั้งหมด หมายถึงกำหนด  ครั้งเดียวจุดเดียวก็มีผลกับการแสดงผลทั้งหมด  ทำให้เวลาแก้ไขหรือปรับปรุงทำได้สะดวก  ไม่ต้องไล่ตามแก้ tag ต่างๆ ทั่วทั้งเอกสาร
   •   CSS สามารถกำหนดแยกไว้ต่างหากจาก  ไฟล์เอกสาร html และสามารถนำมาใช้ร่วม  กับเอกสารหลายไฟล์ได้ การแก้ไขก็แก้เพียง  จุดเดียวก็มีผลกับเอกสารทั้งหมด

ชอบก็ +1 ซะนะจร่ะ

dingdong8002 · 27 สิงหาคม 2012, 14:22:17

ไม่ชอบก็ บวก..

cssbiz · 27 สิงหาคม 2012, 14:23:06

ชอบอ่ะค่ะ แต่ดัน + ให้ยังบ่อได่

pinsale · 27 สิงหาคม 2012, 14:24:06

ขอบคุณค่ะ สำหรับความรู้ดี ๆ

kaokame · 27 สิงหาคม 2012, 14:29:26

ดีค่ะ ศึกษาแล้วเอามาบอกต่อ ความรู้ฝังหัวแน่นอน
+1 เป็นกำลังใจ

xvlnw.com · 27 สิงหาคม 2012, 14:31:37

+1 ไปเลยยย

binknon7 · 27 สิงหาคม 2012, 14:31:59

อ้างถึงจาก: dingdong8002 ใน 27 สิงหาคม 2012, 14:22:17
ไม่ชอบก็ บวก..

บ้า!!

binknon7 · 27 สิงหาคม 2012, 14:32:21

อ้างถึงจาก: cssbiz ใน 27 สิงหาคม 2012, 14:23:06
ชอบอ่ะค่ะ แต่ดัน + ให้ยังบ่อได่

แต่ตอบก็ดีใจแล้วจร้าๆ

binknon7 · 27 สิงหาคม 2012, 14:32:42

อ้างถึงจาก: kaokame ใน 27 สิงหาคม 2012, 14:29:26
ดีค่ะ ศึกษาแล้วเอามาบอกต่อ ความรู้ฝังหัวแน่นอน
+1 เป็นกำลังใจ

ขอบคุณครับผม

6inch · 27 สิงหาคม 2012, 14:33:23

+1

five4cash · 27 สิงหาคม 2012, 15:49:05

อ่านแล้ว งง ไม่รู้ว่าต้องเริ่มจากตัวไหนก่อนครับ แบบว่าไม่มีพื้นฐานอะไรเลยอะครับ

mars · 27 สิงหาคม 2012, 15:49:57

+1 ครับ

solutioncom · 27 สิงหาคม 2012, 16:04:20

html 5 ต้องคู่กับ css3 ในอนาคตคงได้เห็นกันเยอะกว่านี้เพราะ browser เริ่มจะใช้งานได้แล้วแต่ยังไม่เต็มรูปแบบ
ผมก็เริ่มเขียนบ้างเล็กน้อย ขอบคุณสำหรับข้อมูลดีๆครับ

kaokame · 27 สิงหาคม 2012, 16:10:10

อ้างถึงจาก: five4cash ใน 27 สิงหาคม 2012, 15:49:05
อ่านแล้ว งง ไม่รู้ว่าต้องเริ่มจากตัวไหนก่อนครับ แบบว่าไม่มีพื้นฐานอะไรเลยอะครับ

เริ่มจาก HTML ก่อนเลยค่ะ
ตามที่เจ้าของกระทู้ว่าก็ได้ จากบนลงล่างเลย

mksuky · 27 สิงหาคม 2012, 16:43:45

ขอบคุณมากครับ

binknon7 · 27 สิงหาคม 2012, 17:10:33

อ้างถึงจาก: kaokame ใน 27 สิงหาคม 2012, 16:10:10
อ้างถึงจาก: five4cash ใน 27 สิงหาคม 2012, 15:49:05
อ่านแล้ว งง ไม่รู้ว่าต้องเริ่มจากตัวไหนก่อนครับ แบบว่าไม่มีพื้นฐานอะไรเลยอะครับ

เริ่มจาก HTML ก่อนเลยค่ะ
ตามที่เจ้าของกระทู้ว่าก็ได้ จากบนลงล่างเลย

ตามด้วยคน อิอิ

Pink.in.th · 27 สิงหาคม 2012, 17:28:31

ขอบคุณค่ะ ^_^

phakdee · 27 สิงหาคม 2012, 17:38:09

+1 เรียบร้อย

Tcomputer · 27 สิงหาคม 2012, 17:38:27

+1 ให้ครับสำหรับน้ำใจแบ่งปั้น

jpbeauty · 27 สิงหาคม 2012, 19:01:04

ขอบคุณครับ อ่านไปใช้สอนนักเรียนได้พอดีเลยครับ

[ศึกษาแล้วไปเจอเลยเอามาแจก] HTML5 แตกต่างจาก HTML , XML และ XHTML อย่างไร?

mars