ตัวอย่างการใช้งาน tag Video ใน HTML5 ในการแสดงวีดีโอจาก Webcam โดยการใช้ Media Stream

ไม่ต้องแปลกใจนะครับที่ผมใช้คำว่า HTML5 แทน HTML เพราะจริงๆแล้วบทความในชุดนี้ผมจะเน้นไปที่การใช้งาน HTML5 โดยตรง ซึ่งจะเป็นมาตรฐานต่อไปในอนาคต เริ่ม

มีคำถามถึงการใช้งาน Tag H ติดๆกันในช่วงนี้ ซึ่งผมตอบซ้ำๆไปหลายครั้งแล้วเลยคิดว่าเขียนเป็นบทความไปเลยจะดีกว่า

figure เป็น tag ใหม่ที่มากับ HTML5 อีกเช่นกัน โดยทั่วๆไปเรามักนึกว่า figure จะใช้กับรูปภาพเท่านั้น แต่โดยความหมายของ figure ที่แท้จริงแล้วจะ

section เป็น element ใหม่ของ HTML5 อันหนึ่งซึ่งอาจถูกใช้อย่างผิดๆได้เสมอถ้าดูจากชื่อของมัน ความหมายของ section คือการแบ่งกลุ่มของเนื้อหา

Tags ต่างๆของ HTML5 รวมทั้งความหมายของมันและ Tags ที่ถูกยกเลิกไปแล้ว Tag Description lt;! gt; Defines a comment lt;!DOCTYPE gt; Defines th

กฏการเขียน HTML5 จะว่าไปก็คล้ายกับการกลับไปเขียน HTML แบบผิดๆที่นิยมเขียนกันในแบบสมัยก่อน เพราะจุดประสงค์ของการใช้งานมาตรฐาน HTML5 ก็เพื่อให้เราสาม

มาต่อกันด้วยเรื่องจุดเด่นของ HTML5 กันเลยครับ 3 การเล่นวีดีโอ และ เสียง 4 Canvas สำหรับแสดงรูป วาดรูป แสดงกราฟ หรือ โฆษณาเคลื่อนไหวอื่นๆ ที่สามารถต

โค้ด X HTML ที่เราใช้กันอยู่ในปัจจุบันเป็น HTML4 ครับ ปี 2554 และในปีนี้เช่นเดียวกัน กระแสของ HTML5 เริ่มมาแรงอันเนื่องมาจากข้อจำกัดของ HTML4 โ

nav มาจากคำว่า Navigation นั่นเอง ใช้สำหรับจัดกลุ่มส่วนที่เป็นลิงค์ต่างๆ ไม่ว่าจะเป็นลิงค์ที่ไปยังไซต์อื่นๆ หรือลิงค์ที่ใช้เชื่อมโยงภายในหน้า

article หมายถึงองค์ประกอบส่วนที่เป็นเนื้อหาของเว็บไซต์ที่มีความหมายในตัวของมันเอง ซึ่งจะต้องประกอบด้วย heading h1 h6 ด้วยเสมอ

ตามกฏของ W3 แล้ว เราจะไม่สามารถใช้ padding กับ select ได้ครับ ทำให้การกำหนด padding ให้กับบราวเซอร์บางตัวไม่มีผลแต่อย่างใด ผมเขียนว่า บางตัว นะครับ

Microdata ช่วยให้สินค้าของคุณมีอันดับในการค้นหาที่ดีขึ้นบน Search Engine เนื่องจากเว็บที่มีข้อมูลเพียงพอสำหรับการค้นหาที่เฉพาะเจาะจงยิ่งขึ้น จะช่วย..

ใช้สำหรับระบุว่าข้อมูลนี้เป็นหน้าเว็บ (WebPage) โดยมีคุณสมบัติที่สำคัญดังนี้ Properties ชนิด คำอธิบาย breadcrumb Text ส่วนที่เป็นลิงค์นำทางภายในเว็..

ตารางด้านล่างอธิบายเกี่ยวกับชนิดของข้อมูลต่างๆที่รองรับสำหรับ Microdata ชนิดของข้อมูล คำอธิบาย Boolean True หรือ False. Date วันที่และเวลาตามรูปแบบ..

Microdata ถูกแนะนำให้ใช้ร่วมกับ HTML5 ด้วยการแทรกเข้าไปยัง HTML โดยตรง โดยที่ Microdata ถูกใช้เพื่ออธิบายเกี่ยวกับองค์ประกอบของหน้าเว็บ ซึ่งจะถูกใช..

ในอดีตหรือแม้แต่ในปัจจุบันก็ตามที การที่ Search Engine จะตีความว่าเนื้อหาของเราอยู่ที่ตรงไหนในหน้าเว็บเพจ จะเป็นเรื่องที่ยากเย็นแสนเข็ญน่าดู เนื่อง..

<aside> เป็น tag ใหม่ของ html5 อีกอันหนึ่ง ความหมายของ <aside> คือ ส่วนของเนื้อหาที่เกี่ยวของกับเนื้อหาหลักที่อยู่โดยรอบ โดยมีจุดประสงค..

มีความเปลี่ยนแปลงในเค้าโครงของเอกสาร HTML5 (Document Outlines) ที่แตกต่างจาก HTML4 อย่างสิ้นเชิงนะครับ ซึ่งเราจำเป็นต้องเรียนรู้เพื่อก่อให้เกิดการใ..

ว่ากันด้วยเรื่องจุดเด่นของ HTML5 ล้วนๆ 1.Semantic Markup อย่างที่ผมอธิบายในบทความก่อนหน้าแบบสั้นๆว่ามันคือ "ความเป็นมิตรกับผู้ใช้ที่มากกว่าการ..