บางครั้งเราอาจไม่ต้องการเก็บรูปภาพหลายๆรูปเพื่อนำมาใช้ในเว็บแต่เราอาจใช้การเก็บรูปภาพใหญ่ๆเพียงภาพเดียวซึ่งมีภาพเล็กๆหลายภาพไว้ภายใน เวลาเราจะแสดงผลร

ปัญหาเกี่ยวกับการตัดคำ ของ Firefox ที่ไม่ค่อยเหมือนกันกับบน IE

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 อย่างสิ้นเชิงนะครับ ซึ่งเราจำเป็นต้องเรียนรู้เพื่อก่อให้เกิดการใ..

การสร้างตารางด้วย Div ไม่ใช่เรื่องยากอย่างที่หลายคนคิดนะครับ เราสามารถเขียน CSS สั้นๆง่ายๆ รวมถึงการเขียน HTML ง่ายๆ เพียงไม่กี่บรรทัดเพื่อให้ได้ตา..

การสร้างตารางทั้งตารางด้วย Javascript

เรื่องของเรื่องคือผมใช้ GModal แสดงกรอบ register และใช้ Tooltip แสดงบน GModal อีกที สำหรับบนบราวเซอร์อื่นๆทั่วไปก็สามารถแสดงผลได้ตามปกติครับ มาติดเ..

เทคนิคการเปลี่ยนพื้นที่แสดงผลเช่น span หรือ div ให้เป็น Input เพื่อรองรับการแก้ไข อย่างง่าย

XHTML ยกเลิก property ที่เกี่ยวกับพื้นหลังไปแล้วครับ เข่น bgcolor background แต่เราก็สามารถมากำหนดด้วย CSS แทนได้ แถมสวยงามกว่าด้วยครับ

เคยบ้างมั้ยครับที่สร้าง Element เปล่าๆ ไม่มีอะไรอยู่ข้างใน แต่มันมีปัญหากับ IE อีตรงที่มันไม่สามารถรับอีเวนต์ของเมาส์ได้ (ไม่สามารถรับ Event mousem..

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

เมื่อคุณต้องการอ้างถึง object document ของ window เจ้าของ iframe ด้วยคำสั่ง top.window.document แต่พบว่าไม่สามารถเข้าถึงได้ ทั้งๆที่คำสั่งนี้ สามา..

Flash เนี่ยไม่ใช่ tag ตามมาตรฐาน XHTML ครับ ดังนั้นเมื่อเรานำเว็บที่มีแฟลชเป็นส่วนประกอบไปตรวจสอบตามมาตรฐาน XHTML มันก็จะไม่ผ่านครับ จริงๆแล้วมันมี..

เป็นอีกตัวอย่างหนึ่งของการแสดงตารางด้วย div (tableless) ซึ่งในตัวอย่างนี้ แต่ละคอลัมน์มีความกว้างไม่เท่ากัน และสามารถมีข้อมูลได้หลายบรรทัดต่อ 1 เซล..

ในตอนนี้ เราจะมาสร้างตารางจาก div แบบ tableless ในแบบที่แต่ละคอลัมน์อาจมีได้มากกว่า 1 บรรทัดกัน (โค้ดตารางในตอนก่อนๆ จะไม่สามารถแสดงผลในลักษณะนี้ได..