รหัสถูกใช้เพื่อระบุองค์ประกอบที่ไม่ซ้ำใครบนเพจ ชื่อของรหัสเป็นวิธีการควบคุมบล็อกเนื้อหาบางอย่าง โดยการวางบล็อกเนื้อหาบางอย่างลงใน div และกำหนดรหัสเฉพาะให้กับมัน คุณสามารถใช้ตัวเลือก CSS ได้ กำหนดลักษณะของแต่ละองค์ประกอบของหน้าอย่างถูกต้อง รวมถึงชื่อเรื่อง รายการ รูปภาพ ลิงก์ หรือย่อหน้า ฯลฯ ตัวอย่างเช่น หากคุณเขียนกฎ CSS สำหรับ #header กฎนั้นอาจแตกต่างจากกฎรูปภาพใน #content โดยสิ้นเชิง
สไตล์ลิงก์ในบล็อกเนื้อหาต่างๆ สามารถกำหนดได้ผ่านกฎที่ต่างกัน บางอย่างเช่นนี้: #nav a:link หรือ #main a:link หรือ #footer a:link คุณยังสามารถกำหนดสไตล์ที่แตกต่างกันสำหรับองค์ประกอบเดียวกันในบล็อกเนื้อหาที่แตกต่างกันได้ ตัวอย่างเช่น กำหนดสไตล์ของ #main p และ #sider p ตามลำดับผ่าน #main p และ #sider p ตามโครงสร้างแล้ว เพจของคุณประกอบด้วยรูปภาพ ลิงก์ รายการ ย่อหน้า ฯลฯ องค์ประกอบเหล่านี้ไม่ส่งผลต่ออุปกรณ์เครือข่ายที่แสดงบน (PDA โทรศัพท์มือถือ หรืออินเทอร์เน็ตทีวี) ซึ่งสามารถกำหนดเป็นลักษณะที่ปรากฏด้านประสิทธิภาพได้
หน้า HTML ที่มีโครงสร้างอย่างระมัดระวังนั้นง่ายมาก และทุกองค์ประกอบจะถูกใช้เพื่อจุดประสงค์ด้านโครงสร้าง เมื่อคุณต้องการเยื้องย่อหน้า คุณไม่จำเป็นต้องใช้แท็ก blockquote เพียงใช้แท็ก p และเพิ่มกฎการเยื้องข้อความ CSS ไปที่ p เพื่อให้บรรลุวัตถุประสงค์ของการเยื้อง p เป็นแท็กที่มีโครงสร้าง และ text-indent เป็นแอตทริบิวต์การนำเสนอ แท็กแรกเป็นของ HTML และแท็กหลังเป็นของ CSS (นี่คือการแยกโครงสร้างและการแสดงออกในตำนาน)
หน้า HTML ที่มีโครงสร้างดีแทบจะไม่มีแท็กแอตทริบิวต์เลย รหัสสะอาดและกระชับมาก ตัวอย่างเช่น ขณะนี้โค้ดต้นฉบับสามารถเขียนได้เฉพาะในรูปแบบ HTML และทุกสิ่งที่ควบคุมประสิทธิภาพจะถูกเขียนด้วย CSS ในโครงสร้าง HTML ตารางก็คือตาราง ไม่ใช่สิ่งอื่นใด (ไม่ต้องพูดถึงว่าไม่สามารถใช้สำหรับเค้าโครงและการวางตำแหน่งได้ ) ))
แน่นอนว่าตัวเลือก CSS ไม่เพียงแต่เรียบง่ายเท่านั้น นอกจากรหัสและคลาสแล้ว ยังมีตัวเลือกสืบทอด ตัวเลือกแอตทริบิวต์ และอื่นๆ อีกด้วย