HTML คือเลเยอร์เอกสารของเว็บ ซึ่งให้โครงสร้างและเนื้อหาที่จําเป็นสําหรับหน้าเว็บ ที่นี่คุณจะพบเนื้อหาสําหรับ HTML เช่น หลักสูตร บทความ คอลเล็กชัน และข้อมูลอื่นๆ ที่เป็นประโยชน์เพื่อช่วยให้คุณมีความรู้เกี่ยวกับส่วนสําคัญนี้ของเว็บ
หากเพิ่งเริ่มใช้ HTML เรามีหลักสูตรที่ครอบคลุมเพื่อช่วยให้คุณเริ่มต้นใช้งาน
โปรดดูหลักสูตรอื่นๆ เหล่านี้เพื่อเจาะลึกเกี่ยวกับหัวข้อที่เฉพาะเจาะจงใน HTML
เรียนรู้เกี่ยวกับฟีเจอร์ HTML ล่าสุดที่พร้อมใช้งานในเครื่องมือเบราว์เซอร์หลักๆ ทั้งหมด
ดูรูปแบบและแนวคิด HTML เพื่อช่วยให้คุณสร้างเว็บแอปพลิเคชันที่เข้าถึงได้ง่ายขึ้น
ดูแนวคิดและรูปแบบที่ใช้ HTML ในการทําให้เว็บแอปพลิเคชันเร็วขึ้น
ดูวิธีใช้เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อแก้ไขข้อบกพร่อง HTML และ DOM ในเว็บแอปพลิเคชัน
หลักสูตร

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

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

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

ข้อมูลพื้นฐานเป็นสัญญาณที่ส่งไปยังนักพัฒนาเว็บเมื่อฟีเจอร์ของแพลตฟอร์มเว็บสามารถใช้งานได้อย่างปลอดภัยในเครื่องมือเบราว์เซอร์หลักทั้งหมด ฟีเจอร์ HTML ที่ใช้ฟีเจอร์เกณฑ์พื้นฐานใหม่มีดังนี้

Accordion แบบพิเศษเปลี่ยนเป็น Baseline ใหม่ในเดือนกันยายน 2024
Shadow DOM แบบประกาศได้กลายเป็นเกณฑ์พื้นฐานใหม่ในเดือนกุมภาพันธ์ 2024
Popover API กลายเป็น Baseline ใหม่ในเดือนเมษายน 2024
แอตทริบิวต์ "ไม่มีการเปลี่ยนแปลง" เปลี่ยนเป็น "เกณฑ์พื้นฐานใหม่" ในเดือนเมษายน 2023
การโหลด iframe แบบ Lazy ได้กลายเป็นเกณฑ์พื้นฐานที่เพิ่งเปิดตัวในเดือนธันวาคม 2023

HTML เป็นส่วนสําคัญในการสร้างเว็บแอปพลิเคชันที่เข้าถึงได้ ในส่วนนี้ คุณจะเห็นบทความและแหล่งข้อมูลที่จะช่วยให้ทราบข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้ HTML เพื่อสร้างเว็บแอปพลิเคชันที่เข้าถึงได้

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

การใช้ HTML อาจส่งผลต่อประสิทธิภาพของเว็บแอปพลิเคชัน ในส่วนนี้ คุณจะเห็นบทความและแหล่งข้อมูลที่จะช่วยให้คุณทราบข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้ HTML เพื่อทําให้เว็บแอปพลิเคชันเร็วขึ้น

ตัวสแกนการโหลดล่วงหน้าของเบราว์เซอร์คือโปรแกรมแยกวิเคราะห์ HTML เฉพาะทางที่เบราว์เซอร์ใช้เพื่อค้นหาทรัพยากรได้เร็วขึ้น ดูว่าเครื่องมือนี้ช่วยเพิ่มประสิทธิภาพของเว็บแอปอย่างไร และวิธีหลีกเลี่ยงเครื่องมือนี้
Fetch Priority API ใช้แอตทริบิวต์ HTML fetchpriority เพื่อระบุลําดับความสําคัญแบบสัมพัทธ์ของทรัพยากรสําหรับเบราว์เซอร์ ซึ่งช่วยให้การโหลดมีประสิทธิภาพสูงสุดและปรับปรุง Core Web Vitals ได้
การโหลดทรัพยากรล่วงหน้าเป็นเทคนิคที่ใช้องค์ประกอบ HTML link เพื่อบอกให้เบราว์เซอร์ดึงข้อมูลทรัพยากรก่อนที่จะต้องใช้ ดูวิธีใช้เพื่อปรับปรุงประสิทธิภาพของเว็บแอปพลิเคชันในคู่มือนี้
รูปภาพการโหลดแบบ Lazy Loading เป็นเทคนิคที่มีประสิทธิภาพในการประหยัดแบนด์วิดท์ระหว่างที่โหลดหน้าเว็บครั้งแรก ในคู่มือนี้ คุณจะได้ดูวิธีใช้ HTML loading เพื่อโหลดรูปภาพแบบ Lazy Load

เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome คือชุดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในการแก้ไขข้อบกพร่องของเว็บแอปพลิเคชัน ต่อไปนี้คือเครื่องมือที่แนะนําให้คุณลองใช้เพื่อช่วยแก้ไขข้อบกพร่องของ HTML และ DOM ในหน้าเว็บแอปพลิเคชัน รวมถึงแนวคิดอื่นๆ ที่เกี่ยวข้อง

DevTools มีแผงองค์ประกอบที่ช่วยให้คุณดู แก้ไข และแก้ไขข้อบกพร่องของ DOM ของเว็บแอปพลิเคชันได้ อ่านคู่มือนี้เพื่อเริ่มต้นใช้งานแผงองค์ประกอบ
แผงองค์ประกอบในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ช่วยให้คุณติดตามการเปลี่ยนแปลง DOM ที่ JavaScript ทริกเกอร์ได้ ดูวิธีใช้ฟีเจอร์ที่มีประโยชน์นี้เพื่อแก้ไขข้อบกพร่องของการเปลี่ยนแปลง DOM ในเว็บแอปพลิเคชัน
แผงการครอบคลุมเป็นเครื่องมือที่มีประโยชน์ในการค้นหาโค้ด CSS และ JavaScript ที่ไม่ได้ใช้ซึ่งโหลดโดย HTML ของเว็บแอปพลิเคชัน คู่มือนี้จะแสดงวิธีใช้และวิธีที่เครื่องมือนี้ช่วยปรับปรุงประสิทธิภาพของเว็บแอปพลิเคชันได้