การเพิ่มเส้นแนวนอนเพื่อแบ่งเนื้อหาบนหน้า

วิธีการใช้แท็ก HR สำหรับเอกสารเว็บ

แท็ก HR ใช้กันอย่างแพร่หลายในการเพิ่มเส้นแนวนอน (บางครั้งเรียกว่ากฎแนวนอน) ไปยังเอกสารเว็บ ในการเพิ่มบรรทัดให้พิมพ์:


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

แท็ก HR หมายถึง?

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

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

คุณลักษณะ HR ใน HTML4 และ HTML5

ใน HTML4 แท็ก HR สามารถกำหนดแอตทริบิวต์ง่ายๆ ได้แก่ "align" "width" และ "noshade" การจัดตำแหน่งอาจตั้งไว้ที่ด้านซ้ายกลางขวาหรือปรับ ความกว้างปรับความกว้างของเส้นแนวนอนจากค่าเริ่มต้น 100 เปอร์เซ็นต์ที่ขยายเส้นตรงข้ามหน้า แอตทริบิวต์ noshade แสดงทับเส้นสีทึบแทนสีที่แรเงา แอตทริบิวต์เหล่านี้ล้าสมัยใน HTML5 และคุณควรใช้ CSS เพื่อกำหนดลักษณะแท็ก HR ของคุณใน HTML5 ตัวอย่างเช่นใน HTML 4:


สร้างเส้นแนวนอนที่มีความสูง 10 พิกเซล

ใช้ CSS กับ HTML5 เส้นแนวนอนที่สูง 10 พิกเซลมีสไตล์:


การใช้ CSS เพื่อจัดแนวเส้นแนวนอนช่วยให้คุณมีอิสระในการออกแบบหน้าเว็บของคุณมากขึ้น คุณสามารถดูตัวอย่างรูปแบบต่างๆสำหรับแท็ก HR ใน รูปแบบ นี้ได้ ที่ บทความ HR Tag เฉพาะรูปแบบความกว้างและความสูงที่สอดคล้องกันในทุกเบราว์เซอร์ดังนั้นการทดลองและข้อผิดพลาดบางอย่างอาจจำเป็นเมื่อใช้สไตล์อื่น ๆ ความกว้างเริ่มต้นอยู่ที่ 100 เปอร์เซ็นต์ของความกว้างของหน้าเว็บหรือองค์ประกอบหลักเสมอ ความสูงเริ่มต้นของกฎคือสองพิกเซล