ใส่เนื้อหาใน main และใช้ main เพียงหนึ่งรายการ

ทุกหน้ามีจุดเด่นอยู่หนึ่งอย่าง นั่นคือเนื้อหาเฉพาะของหน้านั้น องค์ประกอบ หลัก เป็นที่อยู่ของเนื้อหานี้ แยกจากส่วนหัวและส่วนท้าย

หนึ่งหน้าควรมีจุดสังเกตส่วน หลัก เพียง หนึ่ง จุดเท่านั้น หากมีสองส่วนหลัก ผู้ใช้จะสับสน เพราะคาดหวังจุดหมายหลักเพียงแห่งเดียว

ใส่เนื้อหาหลักของหน้าไว้ในส่วน หลัก เช่น บทความ แบบฟอร์ม หรือแผงควบคุม นั่นคือสิ่งที่ผู้ใช้เข้ามาหาโดยเฉพาะ

สิ่งที่ปรากฏซ้ำ ๆ เช่น โลโก้เว็บไซต์ เมนูนำทางส่วนกลาง และลิงก์ส่วนท้าย ควรอยู่ นอกส่วนหลัก เพราะไม่ได้เป็นเนื้อหาเฉพาะของหน้านี้

ลิงก์ข้ามไปยังเนื้อหาจะชี้ไปที่ส่วน หลัก เพื่อให้ผู้ใช้แป้นพิมพ์ข้ามไปยังเนื้อหาได้ทันที โดยไม่ต้องผ่านส่วนหัวที่ปรากฏซ้ำในทุกหน้า

เพิ่มค่า ดัชนีแท็บ เป็น -1 ให้กับส่วนหลัก เพื่อให้ลิงก์ข้ามไปยังเนื้อหาย้ายโฟกัสเข้าไปได้ โดยไม่ทำให้ส่วนนี้อยู่ในลำดับการกดแท็บตามปกติ

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

องค์ประกอบ หลัก ไม่สามารถอยู่ภายในบทความ เนื้อหาประกอบ เมนูนำทาง ส่วนหัว หรือส่วนท้ายได้ แต่ต้องอยู่ในระดับบนสุดของเนื้อหาหน้า

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

เมื่อมีส่วนหลักเพียงหนึ่งส่วน ผู้ใช้โปรแกรมอ่านหน้าจอจะกดปุ่มเดียวแล้วไปถึงเนื้อหาได้ตรงจุด ทุกหน้า ทุกครั้ง 🎯

ส่วนหัว ตามด้วยเมนูนำทาง ต่อด้วยส่วน หลัก เพียงหนึ่งส่วน แล้วจึงเป็นส่วนท้าย โครงสร้างที่คาดเดาได้นี้ทำให้ผู้ใช้ไล่ฟังหน้าได้ง่าย

หน้าเดียวควรแสดงจุดสังเกตส่วนหลักที่มองเห็นได้กี่จุด

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