Skip to main content

แอตทริบิวต์ของแท็ก HTML Frame

4-1 ทำความรู้จักกับภาษา HTML5 (มิถุนายน 2026)

4-1 ทำความรู้จักกับภาษา HTML5 (มิถุนายน 2026)
Anonim

เมื่อคุณสร้างเพจแบบเฟรมหน้าเว็บที่แสดงใน URL ไม่มีเนื้อหาจริง (ยกเว้นกรณีที่คุณมี รุ่น) แต่คุณสร้างขึ้น <frame> หน้าเว็บที่ให้ข้อมูลสำหรับหน้าเว็บของคุณ<p> <a id="menu-1"></a><h2 id='JO2J7BWBJV'> แอตทริบิวต์ที่เป็นไปได้</h2> <ul> <li><strong>src:</strong>นี่คือสิ่งเดียวเท่านั้น<strong>จำเป็นต้องใช้</strong> แอตทริบิวต์สำหรับแท็กเฟรม ค่าของแอ็ตทริบิวต์นี้คือ URL ของเอกสารที่คุณต้องการให้แสดงในเฟรม คุณสามารถอ้างอิงวัตถุ HTML รูปภาพหรือองค์ประกอบมัลติมีเดียใด ๆ ที่ปกติจะแสดงโดยเว็บเบราเซอร์ (โปรดจำไว้ว่าหากคุณใช้รูปภาพภาพนั้นจะไม่ถูกจัดเป็นภาพพื้นหลัง แต่จะแสดงเพียงครั้งเดียว)</li> <li><strong>ชื่อ:</strong>ซึ่งช่วยให้คุณสามารถติดป้ายกำกับเฟรมของคุณเพื่อให้คุณสามารถเปิดหน้าใหม่ในเฟรมที่เฉพาะเจาะจงได้ หากคุณไม่ตั้งชื่อเฟรมลิงก์ทั้งหมดจะเปิดขึ้นในเฟรมที่มีอยู่</li> <li><strong>noresize:</strong>เมื่อคุณกำหนดขนาดเฟรมของคุณผู้อ่านของคุณสามารถเข้ามาและเปลี่ยนขนาดให้เหมาะกับพวกเขาเว้นแต่คุณจะใช้แอตทริบิวต์ noresize ซึ่งช่วยให้คุณสามารถควบคุมการจัดวางหน้าเว็บของคุณได้</li> <li><strong>เลื่อน:</strong>แอตทริบิวต์นี้กำหนดลักษณะการทำงานของแถบเลื่อนบนเฟรมของคุณ หากเฟรมมีขนาดใหญ่กว่าหน้าต่างเบราเซอร์ scrollbar จะปรากฏขึ้น หากคุณไม่ต้องการให้ scrollbars ปรากฏขึ้นให้วาง scroll = no ในแท็ก frame ของคุณ ตัวเลือก &quot;ใช่&quot; บอกว่าจะมีแถบเลื่อนบนเฟรมเสมอแม้ว่าจะไม่มีที่ใดก็ตามที่จะเลื่อน</li> </ul> <div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1427824399252755" data-ad-slot="3871104749"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div id="adlk-embed-1"></div> </center> </div> <ul> <li><strong>marginheight:</strong>แอ็ตทริบิวต์นี้กำหนดว่าขอบของเฟรมจะสูงแค่ไหน ต้องมีขนาดไม่ถึง 1 พิกเซล นอกจากนี้หากเบราเซอร์ไม่สามารถแสดงค่าที่ต้องการแอตทริบิวต์นี้จะถูกละเว้น</li> <li><strong>marginwidth:</strong>แอ็ตทริบิวต์นี้กำหนดว่าขอบของเฟรมจะกว้างแค่ไหน ต้องมีขนาดไม่ถึง 1 พิกเซล นอกจากนี้หากเบราเซอร์ไม่สามารถแสดงค่าที่ต้องการแอตทริบิวต์นี้จะถูกละเว้น</li> <li><strong>frameborder:</strong>แอ็ตทริบิวต์นี้อนุญาตให้คุณเพิ่มหรือลบเส้นขอบออกจากเฟรมเดียวบนเพจของคุณ ใช้ค่า &quot;ใช่&quot; หรือ &quot;1&quot; เพื่อเปิดใช้งานเส้นขอบและ &quot;ไม่&quot; หรือ &quot;0&quot; เพื่อปิดใช้งานเส้นขอบ แอ็ตทริบิวต์นี้มีการจัดการที่แตกต่างกันใน IE และ Netscape ดังนั้นหากคุณต้องการใช้งานคุณควรกำหนดเส้นขอบในเฟรมทั้งหมดในเฟรมเซ็ตเพื่อให้คุณได้มุมมองที่สอดคล้องกัน</li> </ul> <div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div id="adlk-embed-1"></div> </center></div> <a id="menu-2"></a><h2 id='7WD0NIVRP0'> เนื้อหา Noframes</h2> <p>แท็กนี้อนุญาตให้ผู้อ่านไม่มีเบราว์เซอร์ที่เปิดใช้เฟรมเพื่อดูหน้าเว็บของคุณ การใช้แท็กนี้โดยทั่วไปคือการกำหนดสิ่งที่ผู้ใช้เบราเซอร์ควรใช้ อย่างไรก็ตามคุณสามารถนำผู้ใช้ไปยังหน้าแรกของเฟรมเซ็ตภายในแท็ก noframes ได้ง่ายมาก เพียงเพิ่มใน:</p> <p><noframes><strong>เอกสารนี้มีกรอบ แต่คุณสามารถดูหน้าได้ที่ home.html</strong>

หากคุณต้องการใช้เวลาเพิ่มเล็กน้อยคุณสามารถคัดลอกเนื้อหาในหน้าหลักของคุณลงใน ส่วนของเฟรมเซ็ตของคุณ การทำเช่นนี้จะส่งผลให้คุณภาพของเอกสารของคุณลดลงเล็กน้อย<p><div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> <div id="adlk-embed-1"></div> </center></div>