อินเทอร์เน็ต, ออกแบบเว็บ
วิธีการแทรก iframe HTML: ตัวอย่างของการใช้
ในช่วงเริ่มต้นของเว็บไซต์ทรัพยากรอาคารใช้กันอย่างแพร่หลายเฟรมเพื่อแสดงบางส่วนของหน้า แต่กับการมาถึงของรุ่นใหม่ของ HTML 5, ทุกอย่างเปลี่ยนไป องค์ประกอบของมาร์กอัป <เฟรม> <เฟรม> และ
อะไรคือเฟรม?
กรอบ - พื้นฐานของที่สุดของหน้าเว็บแรก ถ้าแปลตามตัวอักษรคำว่าหมายถึง "กรอบ" ที่เป็นกรอบเป็นส่วนเล็ก ๆ ของหน้าในเบราว์เซอร์ การใช้อย่างแพร่หลายของเฟรมในอดีตที่ผ่านมาสามารถอธิบายได้ด้วยคุณภาพและค่าใช้จ่ายที่สูงของการจราจรทางอินเทอร์เน็ต โดยปกติแล้วเว็บไซต์ที่ถูกแบ่งออกเป็น 3-5 ส่วนซึ่งแต่ละดำเนินการเพื่อวัตถุประสงค์เฉพาะ:
- "หมวก" (กรอบด้านบนของความกว้างของหน้า) - ชื่อที่แสดงของทรัพยากร;
- เมนูแสดงผล - ซ้าย / ขวา "แก้ว"
- กรอบกลาง - แสดงเนื้อหาของเว็บไซต์
รายละเอียดของหน้าเพื่อให้โหลดเพียงส่วนหนึ่งของมันเมื่อคุณอัพเกรด ตัวอย่างเช่นผู้ใช้คลิกที่รายการเมนูและกรอบกลางถูกสูบเนื้อหาใหม่
เฟรมที่ทันสมัยใน HTML 5
ทำไมฉันต้องเป็น HTML ตัวอย่าง - การแทรกเนื้อหาในเว็บไซต์ของบุคคลที่สาม สถานการณ์คลาสสิกคือเมื่อนักพัฒนาเว็บต้องการที่จะแสดงตำแหน่งของวัตถุบนแผนที่ จะทำอย่างไร? วาดแผนพื้นดินจากรอยขีดข่วน? ไม่มี - มีวิธีที่ง่าย: สร้างหน้า Google Map องค์ประกอบ Yandex แผนที่หรือ 2GIS ปัญหาจะแก้ไขในสี่ขั้นตอน
- คุณจำเป็นต้องไปที่เว็บไซต์ของผู้ให้บริการแผนที่ใด ๆ
- ค้นหาวัตถุที่ต้องการ รู้ที่อยู่ที่แน่นอนคุณสามารถใส่มันลงในช่องค้นหา
- ใช้ "บันทึกและรับโค้ด" (สำหรับ "Yandex.Maps") หรือ "เสร็จสิ้น" (Google Maps) เพื่อรับรหัสเพื่อแทรก
- มันยังคงอยู่ในการเขียนแท็กมาร์กอัปสร้างขึ้นบนหน้าเว็บ
นอกจากนี้คุณยังสามารถเลือกขนาดของแผนที่และการตั้งค่าตัวเลือกการแสดงอื่น ๆ
วิธีการอื่นที่คุณสามารถใช้ HTML ตัวอย่าง - การแทรกวิดีโอจาก Youtube ทรัพยากร มัลติมีเดียเทคโนโลยีดึงดูดผู้ใช้อินเทอร์เน็ตเพื่อให้เนื้อหาวิดีโอจึงเป็นที่นิยม ด้วยการติดตั้งที่จับนักพัฒนาลูกกลิ้งได้อย่างรวดเร็ว
- มันควรจะอัปโหลดไปยังวิดีโอ Youtube เองหรือหาไฟล์ของบุคคลที่สามสำหรับการแปล
- รับแท็กโดยการเลือกปุ่ม« HTML รหัส"
- ฉากสุดท้าย - แทรก โค้ด HTML
ในตัวอย่างทั้งผมใช้รุ่นรหัสอัตโนมัติ แต่นักพัฒนามืออาชีพควรจะสามารถที่จะทำให้ตัวเขาเอง ประการแรกก็จะช่วยให้พวกเขาเข้าใจหน้า vorstke และปรับเปลี่ยนได้ถ้าจำเป็น ประการที่สองเว็บไซต์จะไม่เคยทำเครื่องหมายองค์ประกอบ (แม้แม้จะมีความจริงที่ว่าพวกเขาอยู่ในทรัพยากรภายนอก) จะถูกสร้างขึ้นโดยไม่ต้องมีส่วนร่วมของเว็บมาสเตอร์ ที่นี่ยังปรากฏนักพัฒนาที่มีคุณภาพสูง
วากยสัมพันธ์
ดังนั้นก่อนที่คุณจะเริ่มต้น vorstke หน้า iframe (HTML) แท็กจะต้องพิจารณาว่ามันคืออะไรและวิธีการใช้งาน
ครั้งแรกของทั้งหมดก็ควรจะตั้งข้อสังเกตว่าคู่แท็ก ระหว่างการเปิดและปิดสมาชิกบ่งบอกถึงเนื้อหาที่จะแสดงในเบราว์เซอร์ที่ไม่สนับสนุนองค์ประกอบมาร์กอัป แท็กพื้นฐานแอตทริบิวต์:
- ความกว้าง (W);
- ความสูง (สูง);
- src (ที่อยู่โหลดทรัพยากร);
- จัด (กระบวนการจัดตำแหน่ง);
- frameborder;
- allowfullscreen
ดังนั้นจะได้รับรหัสสำหรับ
รูปแบบตารางจะเพียงพอที่จะเปลี่ยนที่อยู่ของเว็บไซต์อื่น ๆ ใด ๆ และถ้าจำเป็นปรับขนาดของกรอบ
Similar articles
Trending Now