Çerçeve (World Wide Web) - Frame (World Wide Web)

Bir bağlamında internet tarayıcısı, bir çerçeve bir parçası web sayfası veya tarayıcı pencere içeriği, bağımsız olarak yükleme yeteneği ile, kapsayıcısından bağımsız olarak görüntüleyen. HTML veya bir çerçevede gösterilen medya öğeleri farklı bir İnternet sitesi görüntülenen içeriğin diğer öğeleri olarak, bu uygulama olarak bilinmesine rağmen çerçeveleme,[1] bugün genellikle ihlal olarak kabul edilir aynı menşe politikası ve bir biçim olarak kabul edildi Telif hakkı ihlali.

İçinde HTML, bir çerçeve kümesi web sayfalarının ve medyanın yönlendirilebileceği adlandırılmış çerçeveler grubudur; bir iframe bir belgenin gövdesinin içine yerleştirilecek bir çerçeve sağlar.

2000'lerin başından bu yana, çerçeve kümelerinin kullanımı, kullanılabilirlik ve erişilebilirlik endişeleri nedeniyle eski olarak kabul edildi ve özellik, HTML5 standart.

Etiketler ve Öznitelikler

HTML'deki çerçeveler, <frameset></frameset> etiket çifti. <frameset> etiketi, çerçeve oluşturmak için kullanılan diğer tüm etiketler için bir kapsayıcı etiketidir. <frameset> etiketi, <body> çerçeve kümesi belgelerinde etiketleyin. <frameset> etiketi, pencerenin çerçevelere nasıl bölüneceğini tanımlar.

Her çerçeve kümesi bir dizi satır veya sütun tanımlar. Kullanıcı çerçeveleri kullanarak tanımlarsa satırlar öznitelik daha sonra yatay çerçeveler oluşturulur. Kullanıcı çerçeveleri kullanarak tanımlarsa cols ardından dikey çerçeveler oluşturulur.

<noframes> öğesi, bu örnekte olduğu gibi, çerçeveleri devre dışı bırakılmış web tarayıcılarının (veya çerçeveleri desteklemeyen tarayıcıların) kullanıcıya bir şeyler gösterebilmesi için dahil edilebilir:

<çerçeve kümesi cols="85%, 15%">  <çerçeve src="http://www.example.com/frame_1.html" isim="frame_1">  <çerçeve src="http://alt.example.com/frame_2.html" isim="frame_2">  <çerçevesiz>    Tarayıcınız çerçeveleri desteklemiyor. <a href="http://www.example.com/frame_1.html">Buraya Tıkla</a> çerçeveyi görüntülemek için 1. <a href="http://alt.example.com/frame_2.html">Buraya Tıkla</a> çerçeve 2 için. </çerçevesiz></çerçeve kümesi>

Çerçeve kümelerinde bir sınır öznitelik. 0'dan büyük bir tam sayıya ayarlanırsa, kullanıcı bu sınırı sürükleyerek kareleri yeniden boyutlandırabilir. küçültmek öznitelik bir çerçeve öğesinde mevcuttur. Kenarlık 0 olarak ayarlanırsa, kenarlık görüntülenmez ve farklı çerçevelerdeki içerik herhangi bir sınırlama olmaksızın birbirine dayanır.

iframe öğesi normal bir HTML gövdesi içinde satır içinde kullanılır ve ilk içeriği ve adı, çerçeve öğesi. İçindeki herhangi bir metin <iframe></iframe> etiket çifti, iframe etiketini anlamayan tarayıcılarda görüntülenecektir.

<iframe src="http://www.example.com/frame_1.html" yükseklik="480" Genişlik="640">    Tarayıcınız iframe'leri desteklemiyor. <a href="http://www.example.com/frame_1.html">Buraya Tıkla</a> içeriği görüntülemek için.</iframe>

Tarih

Netscape Navigator 2.0, çerçeveler için kullanılan öğeleri Mart 1996'da tanıttı. Diğer tarayıcı satıcıları, örneğin elma ile Siber köpek o yıl daha sonra takip etti.[2] O sırada Netscape, World Wide Web Konsorsiyumu (W3C) HTML 3.0 standardına dahil edilmesi için.[3]

Erken görüntülemek ve gezinmek için çerçeveler kullanıldı çevrimiçi dergiler ve ağ uygulamaları, gibi web posta hizmetler ve web sohbeti Siteler. Çerçeveler, aşağıdaki gibi sunucu özellikleri gerektirmeden öğelerin site genelinde görüntülenmesine izin verme avantajına sahipti. sunucu tarafı içerir veya CGI destek. Bu özellikler, herkesin erişebildiği eski web sunucularında yaygın değildi.

İlk web siteleri, kaydırılamayan bir afiş görüntülemek için genellikle en üstte bir çerçeve kullanıyordu. Bu afiş çerçeveleri bazen sitenin logosunun yanı sıra reklamı da içeriyordu.[4]

XHTML, HTML 4'ün halefi olması amaçlandı, 1.1'deki tüm çerçeveleri kaldırdı. Amaçlanan nihai değiştirme şuydu: XFrames,[5] birleşik bir çerçeve kümesini ele alma sorununu çözme girişiminde bulunan URI'ler.

Sonra HTML5 HTML 4'ten farklı bir yaklaşım benimseyen standart, çerçeve kümelerini de kaldırır.[6] iframe öğesi, ancak, siteler arasında içerik paylaşmaya yönelik bir dizi "korumalı alan" seçeneği ile kalır.[7]

Avantajları

İçeriğin bağımsız olarak yüklenmesine ve gezinilmesine izin veren çerçeveler, ilk geliştirildiklerinde kullanılan düz HTML'ye göre çeşitli avantajlar sunuyordu:

  • Gezinme verileri gibi tüm veya çoğu sayfada paylaşılan içeriğin bakımını basitleştirme.[8] Kenar çubuğu gezinme menüsüne bir öğe eklenmesi gerekiyorsa, web sayfası yazarının yalnızca bir web sayfası dosyasını değiştirmesi gerekirken, çerçeve kümesi olmayan geleneksel bir web sitesindeki her bir sayfanın tümünde kenar çubuğu menüsü göründüğünde düzenlenmesi gerekir. onları.
  • Sayfanın değişmeyen kısımlarını yeniden indirmeyerek ihtiyaç duyulan bant genişliği miktarını azaltmak.
  • Her bölümün bağımsız olarak kaydırılabilmesi ile birkaç bilgi parçasının yan yana görüntülenmesine izin verir. Bu, iki resim veya videonun yan yana karşılaştırılmasını veya videonun, görüntülerin, animasyonun, 3B dönen nesnelerin vb. Yanında bağımsız olarak kayan bir metin sayfası gibi bir şeyi anlamanın iki farklı yolunu içerebilir.
  • Okuyucunun ana metindeki yerini kaybetmemesi için, bağlantı verildiğinde dipnotların veya konu başlıklarının sayfanın ayrılmış bir bölümünde görünmesine izin verilmesi.

Eleştiri

HTML içeriğini çerçeveleme pratiği çok sayıda eleştiriye yol açtı ve çoğu kullanılabilirlik ve ulaşılabilirlik endişeler. Bunlar şunları içerir:

  • Çerçeveleme, tarayıcıda görüntülendiği şekliyle içerik ve URL arasındaki kimliği bozarak çerçeve kümesindeki belirli bir içerik öğesine bağlanmayı veya yer işareti koymayı zorlaştırır.[9]
  • Çerçevelerin uygulanması farklı tarayıcılarda tutarsızdır[9]
  • Malzemeyi doğrusal olarak oluşturan tarayıcılar, çerçeveleri iyi işlemez.[10]
  • Çerçeveleme karmaşıklaştırır web indeksleme ve zararlı olabilir Arama motoru optimizasyonu.[12]
  • Çerçeveleme, farklı sunuculardaki içerik arasındaki sınırları karıştırır,[13] telif hakkı ihlali sorunları ortaya çıkaran[14]
  • Arama motorlarından gelen ziyaretçiler, bir çerçeve içinde görüntülenmesi amaçlanan bir sayfaya inebilir ve bu da ziyaretçinin sitenin geri kalanına gitme yolu bulamamasına neden olabilir.[15]
  • Çerçeveler, geri düğmesinin davranışını değiştirir.[15]
  • Kullanıcılar genellikle tarayıcıların çerçeveleri oldukları gibi yazdırmasını beklemezler.[14]
  • Bir bağın varsayılan davranışı, yazar aksini belirtmezse geçerli çerçeveye yükleneceğinden, çerçeve kullanan web sayfalarındaki harici bağlar çerçeve kümesinde diğer sayfaların görünmesine neden olabilir. Bu, vicdansız web yöneticileri tarafından, başka bir sitedeki içerik aslında çerçeve kümesini barındıran sitenin bir parçasıymış gibi görünmesini sağlamak için kullanılabilir.
  • Ekran çözünürlüğü veya tarayıcı penceresi boyutu çok düşükse, her çerçevede dağınık görünebilen ve zaten sınırlı alanı kaplayan kaydırma çubukları olacaktır. Bu tür davranışlar genellikle kötü site tasarımından (değişken düzenler yerine sabit düzenler) kaynaklandı, bu nedenle tüm çerçeve kümesi özellikleri uygun şekilde kullanılmadı.
    Bu davranış şu şekilde hafifletilebilir:
    • normalde bir kaydırma çubuğu gerektirmeyen daha küçük çerçeveler için kaydırmayı devre dışı bırakma;
    • Sabit tasarımlar yerine hedef sayfalarda akışkan tasarım özelliklerini kullanmak, böylece içerik ilk etapta yatay kaydırma çubuklarına neden olmaz.

Alternatifler

Web teknolojisi geliştikçe, çerçevelerin kullanıldığı amaçların çoğu, çerçevelerle tanımlanan sorunları önleyen yollarla mümkün hale geldi.

  • Basamaklı Stil Şablonu (CSS) bir sayfanın öğelerinin bağımsız olarak kaydırılmasına izin verdi ( taşma özellik) veya diğer içerik kaydırılırken ekranda tutulur (kullanılarak pozisyon: sabit)
  • Sunucu Tarafı İçerir paylaşılan içeriğin bir kez düzenlenmesine ve bitmiş bir sayfanın parçası olarak müşteriye otomatik olarak teslim edilmesine izin verdi; sunucu CPU'su ve bağlantı hızları arttıkça, bunu anında yapmak için gereken ekstra çalışma daha az önem kazandı.
  • CGI ve web odaklı komut dosyası dilleri ve web Geliştirme gibi çerçeveler PHP ve Aktif Sunucu Sayfaları yanı sıra veritabanı destekli İçerik Yönetim Sistemleri gibi WordPress, içeriği korumak ve gezinme sağlamak için çok daha zengin seçenekler sağladı.
  • İstemci tarafı komut dosyası ve Dinamik HTML bir sayfanın bölümlerinin kullanıcının eylemlerine göre görsel olarak değiştirilmesine izin verdi. Bu, dipnotlar veya talimatlar gibi "yan" içeriklerin gösterilmesi için çok daha fazla esneklik sağladı, çünkü bunlar artık önceden tanımlanmış bir çerçeve gerektirmek yerine sayfanın herhangi bir yerinde görüntülenebilir ve gizlenebilir.
  • AJAX Örneğin, oturum açmış kullanıcı veya başka bir yerdeki olaylara bağlı olarak sunucudan getirilmesi gerektiğinde bile bir içerik sayfası içinde dinamik görüntülemeye izin verilir.

Çerçeve kümeleriyle tanımlanan sorunların tümü bu alternatif yaklaşımlar kullanılarak ortadan kaldırılmaz; örneğin Geri / İleri gezinme, yer imi ve indeksleme ile ilgili sorunlar, DHTML / AJAX navigasyonunu yoğun şekilde kullanan birçok sitede kalır.

Ayrıca bakınız

Referanslar

  1. ^ "Diğer Web Sitelerine Bağlanma". Çerçevelemeyi farklı kılan şey, kullanıcıyı bağlantılı web sitesine götürmek yerine, bu web sitesindeki bilgilerin orijinal sayfaya aktarılması ve özel bir "çerçeve" içinde gösterilmesidir. Teknik olarak, çerçeveli bilgileri görüntülerken bilgisayarınız çerçeveleme yapan siteye bağlanır, sayfası çerçevede görünen siteye değil.
  2. ^ Garaffa, Dave (23 Aralık 1996). "Apple'dan Bir Hediye: Cyberdog 2.0a1" (Basın bülteni). Internet.com. Arşivlenen orijinal 17 Ağustos 2000. Alındı 14 Nisan 2011.
  3. ^ Delikanlı, Eric. "HTML 3.2, Java 1.1 ve CGI kullanarak; Ch. 13, Çerçeveler". Arşivlenen orijinal 30 Ekim 2007.
  4. ^ Shafer Dan (1996). JavaScript ve Netscape sihirbazlığı. Scottsdale, AZ: Coriolis Grup Kitapları. pp.31. ISBN  978-1-883577-86-5.
  5. ^ "XFrames çalışan taslağı". W3C.
  6. ^ HTML 4'ten HTML 5 farklılıkları: "Şu öğeler HTML 5'te değildir çünkü kullanımları son kullanıcı için kullanılabilirliği ve erişilebilirliği olumsuz yönde etkilemiştir: çerçeve, çerçeve kümesi, çerçevesiz"
  7. ^ HTML 4'ten HTML 5 farklılıkları: "iframe için yeni korumalı alan özellikleri"
  8. ^ "Çerçeve kümeleri".
  9. ^ a b Nielsen, Jakob (Aralık 1996). "Çerçeveler Çoğu Zaman Emiyor".
  10. ^ "Çerçeveleri Kullanmalı mısınız?". HTML Kodu Eğitimi.
  11. ^ "G.E.Boyd'un E-postayla Her Şeyi Yapması - Bölüm 1". GeoCities. 11 Ağustos 2000. Arşivlenen orijinal 17 Ağustos 2000. Alındı 24 Haziran 2010.
  12. ^ Moore-Eded, Piers. "SEO'nun temelleri 1". Lewes SEO. Alındı 25 Şubat 2012.
  13. ^ "Çerçevelerden Nefret Ediyorum".
  14. ^ a b "Çerçeveler neden bu kadar kötü?".
  15. ^ a b "Web Sayfalarındaki Çerçevelerin Artıları ve Eksileri".

Dış bağlantılar