"อย่าลืมนะครับคุณสามารถตอบแทนความรู้ที่ได้รับได้ ด้วยการแบ่งปันความรู้อื่นๆ ที่คุณมีให้กับผู้อื่นต่อๆไป"
"พิมพ์คำว่าขอบคุณ 1000 รอบ มิอาจสู้การแบ่งปัน สัก 1 เรื่อง"

*
ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน


HTML และ HTML5
Share/Bookmark
หน้า: [1]   ลงล่าง
  พิมพ์  

ผู้เขียน หัวข้อ: HTML และ HTML5  (อ่าน 14901 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
NaiTan
NaiTan
Administrator
เว็บมาร์สเตอร์อาวุโส
*****

ความยอดนิยม: 3
ออฟไลน์ ออฟไลน์

กระทู้: 1090


ไม่มีอะไรจะได้มาง่ายๆ โดยไม่ใช้ความพยายาม


เว็บไซต์
« เมื่อ: มิถุนายน 14, 2010, 07:44:17 AM »

พอดีอาจารย์เค้าให้ศึกษาค้นคว้าเกี่ยวกับ HTML ทำรายงานส่งครับ ผมก็สรุปส่งไปครับ แล้วก็เลยถือโอกาสเอาความรู้ที่สรุปได้นั้นมาเผยแพร่ต่อด้วยครับ เผื่อจะเป็นประโยชน์กับคนอื่นๆ ที่กำลังสนใจไม่มากก็น้อย ถ้าผิดพลาดประการใดต้องขออภัยด้วยนะครับ


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

Tags HTML
HTML markup tags มักจะเรียกว่า แท็ก (tags)
   •   แท็กคำหลักจะล้อมรอบด้วยวงเล็บมุม เช่น  <html>
   •   แท็กปกติจะมาเป็นคู่กัน เช่น <b> และ </ b>
   •   แท็กแรกในคู่จะเป็นแท็กเริ่มต้นคำสั่ง และแท็กที่สองจะเป็นแท็กสิ้นสุดคำสั่ง
   •   แท็กเริ่มต้นคำสั่งและแท็กสิ้นสุดคำสั่ง เค้าจะเรียกกันว่า “แท็กเปิด” และ “แท็กปิด”

เอกสาร HTML ก็คือหน้าเว็บ
   •   เอกสาร HTML อธิบายข้อมูลบนหน้าเว็บ
   •   เอกสาร HTML มีทั้งคำสั้งแท็ก (Tags) และข้อความธรรมดา
   •   เอกสาร HTML จะเรียกกันว่า “หน้าเว็บ”

      ตามหลักของเว็บเบราเซอร์แล้ว (เช่น Internet Explorer หรือ Firefox หรือ Chrom หรือ อื่นๆ) สามารถอ่านเอกสาร HTML ได้โดยตรงและแสดงผลได้ตามหน้าเว็บนั้น โดยเบราว์เซอร์จะไม่แสดงแท็ก (tags) แต่จะใช้แท็กในการแปลหน้าเนื้อหาของหน้าเว็บนั้นๆ ลักษณะของคำสั่งแท็กที่ใช้ในการจัดการแสดงหรืออธิบายเนื้อหาบนหน้าเว็บที่อยู่ในเอกสาร HTML จะมีลักษณะตามตัวอย่างข้างล่างนี้
โค๊ด:
<html>
<body>
<h1>My Heading</h1>
<p>My paragraph</p>
</body>
</html>

อธิบายตัวอย่างข้างบน
   •   ข้อความระหว่างแท็ก <html> และ </ html> จะใช้ในการอธิบายหน้าเว็บ
   •   ข้อความระหว่างแท็ก <body> และ </body> คือ ส่วนเนื้อหาที่มองเห็นบนหน้าเว็บ
   •   ข้อความระหว่างแท็ก <h1> และ </ h1> จะแสดงเป็นหัวข้อ
   •   ข้อความระหว่างแท็ก <p> และ> </ p>  จะปรากฏเป็นขึ้นย่อหน้าใหม่


HTML5
HTML5 เป็นอะไร
   HTML5 เป็นรุ่นถัดไปของ HTML
   HTML5 จะเป็นมาตรฐานใหม่สำหรับ HTML, XHTML และ HTML DOM
   HTML รุ่นก่อนหน้ามาในปี 1999 ก็มีการเปลี่ยนแปลงมากตั้งแต่นั้นมา
   HTML5 ยังคงยังมีความก้าวหน้าในการทำงาน แต่อย่างไรก็ตาม เบราว์เซอร์ที่ทันสมัยที่สุดก็มีการสนับสนุนการทำงานของ HTML5 บ้างแล้ว

HTML5 เกิดขึ้นได้อย่างไร?
   HTML5 ถือกำเนิดขึ้นด้วยความร่วมมือกันระหว่าง World Wide Web Consortium (W3C) และ Web Hypertext Application Technology Working Group (WHATWG) WHATWG ได้ทำงานเกี่ยวกับรูปแบบฟอร์มของเว็บและแอพพลิเคชั่น และ W3C ได้ทำงานเกี่ยวกับ XHTML 2.0 ในปี 2006 พวกเขาตัดสินใจที่จะร่วมมือกันและสร้างเวอร์ชันใหม่ของภาษา HTML กฎสำหรับ HTML5 บางส่วนที่ได้ตั้งไว้ คือ
   •   คุณลักษณะใหม่ควรขึ้นกับ HTML, CSS, DOM และ JavaScript เป็นหลัก
   •   ลดความจำเป็นสำหรับปลั๊กอินภายนอก (เช่น Flash)
   •   การจัดการข้อผิดพลาดที่ดีขึ้น
   •   Markup จำนวนมากใช้แทนที่สคริปต์
   •   HTML5 ควรจะเป็นอุปกรณ์ที่มีความเป็นอิสระ
   •   การพัฒนาควรมองเห็นต่อสาธารณะ

คุณลักษณะใหม่เด่นๆ (New Features)
คุณสมบัติใหม่บางส่วนที่น่าสนใจที่สุดของ HTML5
      Semantic Markup โค้ดเป็นระเบียบทำให้ Search Engine เก็บข้อมูลได้ง่าย
      Form Enhancement เพิ่มประสิทธิภาพของฟอร์ม
      sound/Video หลายคนอาจเคยได้ยินเรื่องที่ว่า HTML5 Video จะมาแทน Flash Video (.flv)
      Canvas เอาไว้วาดรูป ตกแต่งรูป ซึ่งว่ากันว่าอาจมาแทนการวาดรูปในแฟลช (Adobe Flash)
      Content Editable สามารถคลิกบนข้อความในเว็บเพื่อแก้ไขได้จากตรงนั้นเลย
      Drag and Drop ลากของมาวาง
      Persistent Data Storage การเก็บข้อมูลบนเครื่องผู้ใช้ ซึ่งสามารถเก็บได้ถึงระดับฐานข้อมูลเลยทีเดียว

บราวเซอร์ที่สนับสนุน HTML 5
         บราวเซอร์เวอร์ชั่นล่าสุดบางส่วนได้เริ่มรองรับการทำงานของ HTML5 แล้ว เช่นของ Safari, Chrome, Firefox และ Opera สนับสนุนคุณสมบัติในบางส่วนของ HTML5 นอกจากนี้ Internet Explorer 9 กำลังจะสนับสนุนคุณสมบัติในบางส่วนของ HTML5


HTML5 แตกต่างจาก HTML เวอร์ชั่นเดิมอย่างไร

      Doctype เขียนง่ายขึ้น ปกติตอนเขียน HTML เวอร์ชั่นเก่าต้องขึ้น <!DOCTYPE แล้วก็ตามด้วยรายละเอียดยาว ๆ เช่น <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> แต่พอเป็น HTML5 แล้ว จะเขียนแบบไม่มีกำหนดเวอร์ชั่น เพื่อให้นำไปใช้ได้กับเวอร์ชั่นอื่น ๆ ในอนาคต โดยเขียนแค่สั้น ๆ แบบนี้ <!DOCTYPE html>

      การกำหนดภาษาทำได้ง่ายขึ้น เมื่อก่อนจะต้องเขียน xmln หรือ xml:lang ในแท็ก <html> เพื่อกำหนดภาษาของหน้า ตัวอย่างเช่น <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> แต่สำหรับ HTML5 จะเหลือแค่นี้ <html lang=”en”>

      การกำหนดชุดตัวอักษรทำได้ง่ายขึ้น เมื่อก่อนจะต้องเขียนแท็ก meta ยาว ๆ เพื่อกำหนด Character Set เป็น UTF-8 ตัวอย่างเช่น <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  แต่ตอนนี้เราสามารถกำหนดได้แบบนี้ <meta charset=”utf-8” /> สั้นลง

      ไม่ต้องมี “/” สำหรับแท็กเดี่ยวแล้ว  แท็กเดี่ยว หมายถึงแท็กที่ไม่มีแท็กปิด เช่น <img> <input> <br> ซึ่งจะต่างกับแท็กที่เป็นแท็กเปิดปิดอย่าง <div></div> <strong></strong> โดยถ้าเป็นเมื่อก่อน แท็กเดี่ยวจะบังคับให้มี “/” ปิดท้าย เช่น <img /> หรือ <br /> แต่ใน HTML5 นี้แท็กเดี่ยวไม่จำเป็นต้องมี “/” ปิดท้ายแล้ว

      แท็กบางส่วนจะไม่รองรับใน HTML5 แล้ว แท็กเก่า ๆ บางส่วนจะถูกตัดทิ้งไป โดยมีดังนี้ <acronym> <applet> <basefont> <big> <center> <dir> <frame> <frameset> <noframes> <s> <strike> <tt> <u> และ <xmp>
« แก้ไขครั้งสุดท้าย: มิถุนายน 14, 2010, 07:58:17 AM โดย NaiTan » บันทึกการเข้า


หน้า: [1]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  



DATATAN.NET - Customer Service บริการเว็บโฮสติ้ง และ จดทะเบียนชื่อโดเมน


โปรแกรมคอมพิวเตอร์นี้ อนุญาตให้ใช้ได้ตามซีซี-กนู GPL รุ่น 2.0 หรือรุ่นหลังจากนั้น
บทความ โดย เจ้าของบทความ อนุญาตให้ใช้ได้ตาม สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกัน 3.0 ประเทศไทย

Powered by MySQL | Powered by PHP | Valid XHTML 1.0! | Valid CSS!