เมื่อเขียนโค้ด เว็บมาสเตอร์ต้องใช้ความพยายามอย่างมากเพื่อทำให้ไซต์ดูดีเท่าๆ กันเมื่อใช้ความละเอียดหน้าจอที่ต่างกัน ทางออกที่ดีที่สุดคือการจัดกึ่งกลางเนื้อหาทั้งหมดบนหน้า
จัดตำแหน่งเว็บไซต์ของคุณให้ตรงกลาง
คำแนะนำ
ขั้นตอนที่ 1
วิธีการจัดตำแหน่งกึ่งกลางขึ้นอยู่กับวิธีการจัดวาง คุณสามารถใช้แท็กหรือ
… แน่นอนว่ามันง่ายกว่าที่จะห่อเนื้อหาทั้งหมดในแท็ก แต่มันล้าสมัยไปนานแล้ว และไม่มีการรับประกันว่าทุกอย่างจะทำงานอย่างถูกต้อง วิธีที่ทันสมัยที่สุดคือการใช้เทคโนโลยี CSS
ขั้นตอนที่ 2
แท็กจะแยกส่วนของโค้ดออกเป็นบล็อกเดียว ทำให้คุณสามารถเปลี่ยนรูปลักษณ์ของเนื้อหาได้ โดยให้ฟอนต์ สี พื้นหลัง เป็นต้น ด้วยรูปแบบบล็อก เนื้อหาทั้งหมดของแท็กจะอยู่ในแท็ก ในเราตั้งค่าการจัดตำแหน่งด้วยแอตทริบิวต์จัดตำแหน่ง มันจะมีลักษณะดังนี้:
เนื้อหาเว็บไซต์
ขั้นตอนที่ 3
นอกจากนี้ยังสามารถตั้งค่าการจัดกึ่งกลางโดยใช้เครื่องมือ CSS ในการทำเช่นนี้ คุณต้องสร้างไฟล์แยกของสไตล์ชีตหรือวางทุกอย่างในไฟล์ HTML เดียวกันในแท็ก รหัสจะมีลักษณะดังนี้:
* {ระยะขอบ: 0; ช่องว่างภายใน: 0;}
ร่างกาย {
จัดข้อความ: ศูนย์;
}
ดิวิ {
ความกว้าง: 700px;
ระยะขอบ: 0 อัตโนมัติ;
}
ขั้นตอนที่ 4
ในการจัดวางตาราง การจัดกึ่งกลางจะถูกตั้งค่าโดยใช้ตารางในแท็ก
… รหัสจะเป็นดังนี้: <site table
… ตารางจะอยู่ตรงกลางของหน้า ตามลำดับ และเนื้อหาก็จะอยู่ด้วย คุณยังสามารถกำหนดความกว้างของบล็อกใดๆ ได้โดยการระบุโดยใช้พารามิเตอร์ width
ขั้นตอนที่ 5
เมื่อเลือกความกว้างของหน้า โปรดทราบว่าความละเอียดหน้าจอของผู้ใช้อาจแตกต่างจากความละเอียดของคุณมาก บางครั้ง เพื่อไม่ให้เข้าใจผิดกับขนาด คุณควรตั้งค่าทุกอย่างเป็นเปอร์เซ็นต์ สิ่งนี้มีประโยชน์อย่างยิ่งหากคุณมีไซต์ธรรมดา
ขั้นตอนที่ 6
ไม่ว่าคุณจะใช้วิธีใด ตรวจสอบให้แน่ใจว่าไซต์ของคุณทำงานอย่างถูกต้องในทุกเบราว์เซอร์ หากมีการแสดงอย่างใดอย่างหนึ่งอย่างไม่ถูกต้องด้วยเหตุผลบางประการ - ระบุสิ่งนี้
