วิธีการวางแท็ก HTML อย่างถูกต้อง
หากคุณดูมาร์กอัป HTML สำหรับหน้าเว็บใด ๆ ในวันนี้คุณจะเห็นองค์ประกอบ HTML ที่อยู่ในองค์ประกอบ HTML อื่น ๆ องค์ประกอบเหล่านี้ "ภายใน" ของสิ่งอื่น ๆ เป็นสิ่งที่เรียกว่า "องค์ประกอบที่ซ้อนกัน" และมีความจำเป็นสำหรับการสร้างหน้าเว็บใด ๆ ในวันนี้
ความหมายของการวางแท็ก HTML คืออะไร?
วิธีที่ง่ายที่สุดในการทำความเข้าใจการทำรังคือการพิจารณา แท็ก HTML เป็นกล่องที่เก็บเนื้อหาของคุณ เนื้อหาของคุณสามารถรวมข้อความภาพ ฯลฯ แท็ก HTML คือกล่องที่อยู่รอบ ๆ เนื้อหา บางครั้งคุณจำเป็นต้องวางกล่องไว้ภายในกล่องอื่น ๆ กล่อง "ภายใน" เหล่านี้ซ้อนอยู่ภายในของผู้อื่น
ถ้าคุณมีข้อความที่คุณต้องการให้เป็นตัวหนาภายในย่อหน้าคุณจะมี องค์ประกอบ HTML สอง ชิ้น รวมทั้งข้อความด้วย
ตัวอย่าง: นี่คือ ประโยค ของข้อความข้อความดังกล่าวเป็นสิ่งที่เราจะใช้เป็นตัวอย่างของเรา นี่เป็นวิธีที่จะเขียน
ตัวอย่าง: นี่คือประโยคของข้อความ
เนื่องจากคุณต้องการให้คำว่า "ประโยค" เป็นตัวหนาคุณจึงควรเพิ่มการเปิดและปิดแท็กตัวหนาก่อนและหลังวันที่ worod
ตัวอย่าง: นี่เป็นข้อความ ของข้อความ
อย่างที่คุณเห็นเรามีกล่อง (ย่อหน้า) หนึ่งกล่องซึ่งมีเนื้อหา / ข้อความของประโยครวมทั้งช่องที่สอง (คู่แท็กที่แข็งแกร่ง) ซึ่งจะทำให้คำนั้นเป็นตัวหนา
เมื่อคุณทำรังแท็กเป็นสิ่งสำคัญอย่างยิ่งที่คุณต้องปิดแท็กตามลำดับที่คุณเปิดไว้ คุณเปิด
ก่อนตามด้วย ซึ่งหมายความว่าคุณย้อนกลับและปิด จากนั้นเลือก
อีกวิธีหนึ่งที่จะคิดถึงเรื่องนี้คือการใช้ความคล้ายคลึงกันของกล่องอีกครั้งหนึ่ง ถ้าคุณวางกล่องไว้ในกล่องอื่นคุณต้องปิดกล่องด้านในก่อนจึงจะสามารถปิดกล่องด้านนอกหรือกล่องบรรจุได้
การเพิ่มแท็กที่ซ้อนกันเพิ่มเติม
จะทำอย่างไรถ้าคุณต้องการคำหนึ่งหรือสองคำที่จะเป็นตัวหนาและอีกชุดหนึ่งจะเป็นตัวเอียง? นี่คือวิธีการทำเช่นนั้น
ตัวอย่าง: นี่เป็นข้อความ ของข้อความและมีข้อความ คุณสามารถเห็นได้ว่าช่องด้านนอกของเรา ตอนนี้มีแท็กที่ซ้อนกันสองแท็กอยู่ภายใน - และ พวกเขาทั้งสองต้องถูกปิดก่อนที่กล่องบรรจุที่สามารถปิดได้ / p> ในกรณีนี้เรามีกล่องด้านในของกล่อง! กล่องที่ดีที่สุดคือ เหตุผลอันดับหนึ่งที่คุณควรดูแลเกี่ยวกับการทำรังคือถ้าคุณจะใช้ CSS Cascading Style Sheets พึ่งพาแท็กที่ซ้อนกันอยู่ภายในเอกสารอย่างต่อเนื่องเพื่อให้สามารถบอกลักษณะที่เริ่มต้นและสิ้นสุดได้ หากคุณตั้งค่ารูปแบบที่ควรมีผลต่อลิงก์ "ทั้งหมดที่อยู่ภายในส่วนที่มีชั้นของ" เนื้อหาหลัก "" ในหน้าการทำรังไม่ถูกต้องทำให้เบราว์เซอร์ไม่สามารถรู้ได้ว่าควรใช้สไตล์เหล่านี้กับที่ใด ลองดูที่ HTML บาง: ตัวอย่าง: นี่เป็นประโยค ของข้อความและมีข้อความ นี่คือ ย่อหน้าอื่น ใช้ตัวอย่างที่ฉันได้กล่าวเพียงถ้าฉันต้องการเขียนสไตล์ CSS ที่จะส่งผลกระทบต่อการเชื่อมโยงภายในส่วนนี้และมีเพียงลิงค์ (ซึ่งต่างไปจากการเชื่อมโยงอื่น ๆ ในส่วนอื่น ๆ ของหน้า) ฉันจะต้องใช้ ทำรังเพื่อเขียนสไตล์ของฉันเช่น: เหตุผลอื่น ๆ รวมถึงการเข้าใช้งานและความเข้ากันได้ของเบราเซอร์ หาก HTML ของคุณถูกซ้อนไม่ถูกต้องจะไม่สามารถเข้าถึงผู้อ่านหน้าจอและเบราว์เซอร์ที่เก่ากว่าได้และอาจทำให้รูปลักษณ์ของหน้าเว็บดูสมบูรณ์ได้หากเบราว์เซอร์ไม่สามารถอธิบายได้ว่าต้องการสร้างหน้าเว็บอย่างถูกต้องเนื่องจากองค์ประกอบและแท็ก HTML อยู่นอกสถานที่ สุดท้ายหากคุณพยายามเขียนโค้ด HTML ที่ถูกต้องและถูกต้องคุณจะต้องใช้การทำรังที่ถูกต้อง มิเช่นนั้นเครื่องมือตรวจสอบทุกตัวจะตั้งค่าสถานะ HTML ของคุณว่าไม่ถูกต้อง ทำไมคุณถึงสนใจเกี่ยวกับการทำรัง