ในการแสดงข้อมูลจากหลายแหล่งในหน้าเดียว มักใช้กลไกการแยกหน้า HTML ด้านล่างนี้เป็นคำอธิบายของโครงสร้างภาษาสำหรับการแทรกเฟรม
จำเป็น
ความรู้พื้นฐานของ HTML
คำแนะนำ
ขั้นตอนที่ 1
HyperText Markup Language (HTML) มีเฟรมสองประเภท Floating มีความยืดหยุ่นและง่ายต่อการแทรกลงในหน้าที่มีอยู่ โดยทั่วไป โครงสร้างที่อธิบายกรอบหน้าต่างโดยใช้กรอบลอยมีลักษณะดังนี้: ที่นี่ หน้าหลักของไซต์ที่มีอยู่ถูกระบุเป็นแหล่งข้อมูลสำหรับเฟรมนี้ (แอตทริบิวต์ src) โดยจะเปิดในเฟรมขนาด 400 x 300 พิกเซล ตามที่ระบุไว้ในแอตทริบิวต์ width และ height นอกจากนี้คุณยังสามารถระบุหน้าของเว็บไซต์ในแอตทริบิวต์ src ได้อีกด้วย ในกรณีนี้ก็เพียงพอที่จะระบุที่อยู่สัมพัทธ์ (นั่นคือที่อยู่ที่สัมพันธ์กับหน้าที่แทรกเฟรม): ในตัวอย่างนี้ไม่ได้ระบุความกว้างและความสูงของเฟรม แต่มีรหัส ตัวระบุแอตทริบิวต์ คุณสามารถใช้ CSS () เพื่อกำหนดขนาดที่ต้องการสำหรับเฟรมนี้:
#frameOne {กว้าง: 700px; ความสูง: 200px;}
ขั้นตอนที่ 2
เฟรมประเภทอื่น - "คลาสสิค" - ต้องมีหน้าแยกต่างหาก ซึ่งจะมีคำอธิบายของโครงสร้างเฟรม ตัวเฟรมจะอยู่ในหน้าแยกกัน หรือแม้แต่ในไซต์ที่แยกจากกัน โค้ด HTML สำหรับหน้าคอนเทนเนอร์เฟรมดังกล่าวอาจมีลักษณะดังนี้:
ไม่ควรมี… และ… บล็อกใดๆ ที่จำเป็นสำหรับหน้าปกติ ในตัวอย่างนี้ แท็กเปิดคอนเทนเนอร์มีแอตทริบิวต์ rows ซึ่งหมายความว่าควรแบ่งพื้นที่หน้าในแนวตั้งและด้านบนจะกำหนดให้กับเฟรมแรก หากคุณแทนที่แถวด้วย cols การหารจะเป็นแนวนอน ค่าของแอตทริบิวต์นี้ "*, *" บ่งชี้ว่าสัดส่วนที่แยกออกมามีค่าเท่ากัน - 50% ต่อส่วน หากคุณระบุ เช่น "20%, *" เฟรมแรกจะได้รับเพียง 20% และพื้นที่ที่เหลือให้กับเฟรมที่สอง ผู้ใช้สามารถเปลี่ยนสัดส่วนเหล่านี้ได้โดยการลากขอบของเฟรมด้วย เมาส์ แต่สามารถปิดการใช้งานการกระทำนี้ได้ เมื่อต้องการทำเช่นนี้ เพิ่มแอตทริบิวต์ noresize ให้กับแท็กของเฟรมเฉพาะ คุณยังสามารถระบุขนาดของการเยื้องแนวตั้งและแนวนอนจากเฟรมที่อยู่ติดกัน (แอตทริบิวต์ marginwidth และ marginheight): เป็นไปได้ที่จะตั้งกฎการทำงานสำหรับแถบเลื่อนของแต่ละเฟรมแยกกัน สำหรับสิ่งนี้ แอ็ตทริบิวต์การเลื่อนถูกใช้ ซึ่งสามารถมีค่าที่กำหนดไว้ล่วงหน้าหนึ่งในสามค่า หากระบุไว้ แถบเลื่อนจะปรากฏขึ้นเมื่อเนื้อหาของเฟรมไม่พอดีกับเส้นขอบ ถ้า "ใช่" - แถบจะแสดงตลอดเวลาโดยไม่คำนึงถึงความจำเป็นสำหรับพวกเขา ถ้า "ไม่" - จะหมายถึงการไม่อนุญาตแถบเลื่อนสำหรับเฟรมนี้
ขั้นตอนที่ 3
จากข้อมูลที่ให้ไว้ในสองขั้นตอนก่อนหน้านี้ คุณต้องออกแบบโค้ด html ที่เหมาะสมกว่าสำหรับการแก้ปัญหาของคุณ หลังจากนั้น เหลือเพียงการแทรกลงในซอร์สโค้ดของหน้า ในการทำเช่นนี้ คุณสามารถใช้ตัวแก้ไขหน้าของระบบการจัดการของไซต์ของคุณ - เปิดหน้าที่ต้องการในนั้น สลับไปที่โหมดแก้ไขโค้ด html และวางโค้ดของคุณในตำแหน่งที่ต้องการบนหน้า อีกวิธีหนึ่ง คุณสามารถดาวน์โหลดไฟล์ซอร์สโค้ดของเพจโดยใช้ตัวจัดการไฟล์การจัดการโฮสต์หรือระบบจัดการเนื้อหา เปิดไฟล์ในโปรแกรมแก้ไขข้อความแล้ววางโค้ดลงใน จากนั้นอัปโหลดรหัสที่เปลี่ยนแปลงกลับไปยังเซิร์ฟเวอร์ในลักษณะเดียวกัน