Melihat lebih dekat pada atribut HTML Noresize: Mengapa bingkai masih mengubah saiz dengan tetingkap pelayar?

Html ` Atribut `noresize` elemen` bertujuan untuk menghalang pengguna daripada mengubah saiz bingkai secara manual dengan menyeret sempadan. Walau bagaimanapun, jika dimensi bingkai ditentukan oleh ibu bapanya`

Atribut `cols` atau` baris` `ditakrifkan dalam unit relatif (seperti`*`atau peratusan), dan bingkai masih akan menyesuaikan secara dinamik sebagai saiz tetingkap pelayar berubah. Secara langsung dalam ` `Menetapkan` ketinggian` atau `lebar` dalam atribut` gaya` pada elemen tidak mempunyai kesan pada saiz susun aturnya.

Pada hari -hari awal HTML, unsur -unsur frameset dan bingkai digunakan secara meluas untuk membahagikan tetingkap penyemak imbas ke dalam pelbagai kawasan yang bebas dan bebas. Antaranya, atribut Noresize adalah ciri yang sering disalahpahami. Tutorial ini menerangkan secara terperinci apa sebenarnya yang dilakukan oleh Noresize, dan mengapa walaupun harta ini ditetapkan, bingkai kadang -kadang masih mengubah saiz sebagai saiz tingkap pelayar.

Apa yang sebenarnya dilakukan oleh atribut Noresize

Fungsi atribut Noresize adalah untuk menghalang pengguna daripada menukar saiz bingkai dengan menyeret garis pemisah antara bingkai dengan tetikus. Apabila elemen bingkai mempunyai set atribut Noresize, penyemak imbas tidak akan menyediakan antara muka pengguna draggable di sempadan bingkai. Ini berguna untuk senario di mana susun atur tetap diperlukan untuk mengekalkan integriti kandungan atau reka bentuk interaksi tertentu.

Sebagai contoh, coretan kod berikut menunjukkan penggunaan noresize:

 


<tirtle> Frameset dengan Noresize 

<frameset cols="200,*,*">
  <frame src="left.html" name="leftFrame" noresize>
  <frame src="middle.html" name="middleframe">
  <frame src="right.html" name="rightFrame">
</frameset>
</tirtle>

Dalam contoh ini, kerangka kiri di sebelah kiri tidak akan membenarkan pengguna untuk menyesuaikan lebarnya secara manual.

Mekanisme untuk pelarasan saiz bingkai dinamik

Walaupun atribut Noresize menghalang saiz semula manual oleh pengguna, bingkai mungkin masih saiz secara automatik apabila saiz tetingkap penyemak imbas berubah saiz. Ini terutamanya kerana susun atur bingkai ditentukan oleh elemen induknya, bukan dengan satu elemen .

Unsur

menggunakan atribut Cols (lajur) atau baris (baris) untuk menentukan dimensi subframenya. Nilai -nilai sifat -sifat ini boleh:

1. Nilai Pixel (PX) : Sebagai contoh, cols = "200,*,*" bermaksud bahawa lajur pertama ditetapkan hingga 200 piksel.
2. Peratus (%) : Sebagai contoh, cols = "25%, 50%, 25%" bermaksud bahawa setiap lajur menduduki peratusan yang sama dari jumlah lebar.
3. * Nilai relatif ( )* : Sebagai contoh, `cols =" , 2 , "bermaksud bahawa ruang yang tinggal diperuntukkan secara proporsional. mewakili satu unit, 2 `mewakili dua unit.

Apabila atribut col atau baris frameset menggunakan peratusan atau nilai relatif (*), saiz sebenar bingkai dikira secara dinamik berdasarkan ruang yang tersedia dalam tetingkap penyemak imbas. Ini bermakna bahawa walaupun Noresize menghalang pengguna daripada menyeret, saiz bingkai masih akan menyesuaikan diri secara automatik sebagai tindak balas kepada penskalaan tetingkap penyemak imbas untuk mengekalkan perkadaran relatifnya seperti yang ditakrifkan dalam frameset.

Dalam soalan asal,

mentakrifkan tiga bingkai, masing-masing mengambil satu pertiga daripada lebar yang ada. Oleh itu, apabila lebar tetingkap penyemak imbas berubah, lebar setiap bingkai menyesuaikan dengan sewajarnya untuk mengekalkan nisbah satu pertiga ini.

Atribut gaya tidak mempunyai kesan ke atas saiz elemen bingkai.

Kesalahpahaman yang sama adalah untuk cuba mengawal saiz elemen dengan menetapkan atribut gaya inline (seperti ketinggian atau lebar) di atasnya. Walau bagaimanapun, pendekatan ini tidak sah untuk unsur -unsur bingkai di bawah susun atur .

Sebagai contoh, atribut gaya dalam kod berikut tidak akan memberi kesan:

 <frameset cols="*,*,*">
  <bingkai src="bianca.html" noresize gaya="Ketinggian: 800px; Lebar: 400px">
  <frame src="second.html">
  <frame src="second.html">
</bingkai>
</frameset>

Dimensi elemen dikawal sepenuhnya oleh atribut COLS atau baris ibu bapa . Perisytiharan lebar dan ketinggian dalam atribut gaya sebaris akan ditindih oleh mekanisme susun atur frameset. Jika anda perlu menetapkan dimensi bingkai, anda harus menentukannya menggunakan nilai piksel dalam atribut Cols atau baris .

Perbezaan antara menoreh dan iframe

Perlu diingat bahawa atribut Noresize adalah khusus untuk elemen dan digunakan dalam struktur tradisional. Dalam reka bentuk web moden, unsur -unsur dan telah ditamatkan dan digantikan oleh elemen

Sebagai bingkai inline bebas, saiz elemen

Meringkaskan

• Atribut Noresize : Menghalang pengguna daripada menyesuaikan sempadan secara manual dengan menyeret dengan tetikus.
• Penentu saiz bingkai : Saiz sebenar ditentukan oleh atribut cols atau baris induknya .
• Sebab pelarasan dinamik : Jika frameset menggunakan peratusan atau nilai relatif (*) untuk menentukan saiz bingkai, bingkai akan menyesuaikan secara dinamik sebagai saiz perubahan tetingkap penyemak imbas, walaupun noresize ditetapkan.
• Ketidaksuburan atribut gaya : menetapkan gaya = "lebar: ...; ketinggian: ...;" Secara langsung pada elemen tidak sah untuk dimensi susun aturnya, kerana dimensi ini diuruskan secara seragam oleh frameset.
• Alternatif moden : Frameset dan Frame telah ditinggalkan, dan pembangunan web moden harus menggunakan

Memahami peranan sebenar Noresize dan mekanisme susun atur

dapat membantu pemaju mengelakkan kekeliruan yang mungkin ditemui dalam susun atur awal HTML. Walaupun teknik -teknik ini tidak lagi disyorkan untuk projek -projek baru, memahami bagaimana mereka bekerja masih berharga apabila mengekalkan sistem warisan atau memahami teknologi web bersejarah.

Atas ialah kandungan terperinci Melihat lebih dekat pada atribut HTML Noresize: Mengapa bingkai masih mengubah saiz dengan tetingkap pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!