HTML5 ve çerçeve sıralaması

Bir HTML5 belgesinde bir iframe var. Doğruladığımda, üzerindeki özniteliğin iframe frameBordereski olduğunu ve bunun yerine CSS'yi kullanmam gerektiğini söyleyen bir hata alıyorum .

frameBorder="0"Burada bu niteliğe sahibim çünkü IE'de sınırdan nasıl kurtulacağımı bulabilmemin tek yolu buydu border:none;, CSS'de şanssız olarak denedim . Bunu düzeltmenin uyumlu bir yolu var mı?

Teşekkürler.

HTML 5, çerçeve sıralaması, kaydırma, marginwidth ve marginheight (HTML 4.01'de desteklenen) gibi nitelikleri desteklemez. Bunun yerine, HTML 5 spesifikasyonu kusursuz niteliği getirmiştir. Seamless özelliği, satır içi çerçevenin, içeren belgenin bir parçası olarak işleniyormuş gibi görünmesini sağlar. Örneğin, kenarlıklar ve kaydırma çubukları görünmeyecektir.

MDN'ye göre

frameborder HTML5'ten beri kullanılmıyor

Değer 1(varsayılan) bu çerçevenin etrafına bir sınır çizer. Değer 0, bu çerçevenin etrafındaki sınırı kaldırır, ancak bunun yerine kenarlıkları kontrol etmek için CSS özellik kenarlığını kullanmalısınız.

Yukarıdaki alıntı diyor gibi, gereken CSS ile sınır kaldırmak;
ya satır içi ( style="border: none;") ya da stil sayfanızda ( iframe { border: none; }).

Bununla birlikte, kullanmayan tek bir iframe sağlayıcısı yok gibi görünüyor frameborder="0". YouTube bile bu özelliği kullanmaya devam ediyor ve çerçeve sıralaması artık desteklenmediğinde iframe'leri geriye dönük uyumlu hale getirmek için bir stil özelliği bile sağlamıyor. Özniteliğin yakında hiçbir yere gitmeyeceğini söylemek güvenlidir. Bu size 3 seçenek bırakır:

1. frameborderSadece çalıştığından emin olmak için kullanmaya devam et (şimdilik)
2. "Doğru" olanı yapmak için CSS kullanın
3. İkisini de kullan. Bu, uyumsuzluk sorununu çözmese de (tıpkı 1. seçenek gibi), geçmiş ve olacak her tarayıcıda çalışır ve çalışır.

Bu on yıllık cevabın önceki durumuna gelince:

seamlessNitelik MDN bile kullanımdan kaldırılmış özellik olarak listelemelisiniz etmediğini, (ya da değil bazı tarayıcılar tarafından hiç) bu kadar kısa bir süre için desteklenmiştir. Kullanmayın ve aşağıdaki yorumlarla kafanızı karıştırmayın.

Buradaki diğer gönderilere göre , en iyi çözüm, CSS girişini kullanmaktır.

style="border:0;"

Yana framebordernitelik IE için gereklidir, doğrulayıcı etrafında almak için başka bir yolu yoktur. Bu, Javascript veya herhangi bir DOM değişikliği gerektirmeyen hafif bir yoldur.

<!--[if IE]>
   <iframe src="source" frameborder="0">?</iframe>
<![endif]-->
<!--[if !IE]>-->
   <iframe src="source" style="border:none">?</iframe>
<!-- <![endif]-->

Bu çalışıyor

iframe{
    border-width: 0px;
}

XHTML'de bir hedef niteliği yapıştırarak doğrulayıcıyı Javascript ile "kandırmak" için aynı yöntemi kullanmaya ne dersiniz <a onclick="this.target='_blank'">?

• onsomething = "this.frameborder = '0'"

<iframe onload = " this.frameborder='0' " src="menu.html" id="menu"> </iframe>

Veya getElementsByTagName]("iframe")1 sayfadaki tüm iframe'lerde için bu özellik ekleyerek?

Bunu test etmedim çünkü bir şey yaptım, bu da IE'de hiçbir şeyin 9'dan az çalışmadığı anlamına geliyor ! :) Yani ben bunu çözerken ... :)

Burada IE7'de çalışmasına izin verecek güzel bir çalışma buldum . FrameBorder özniteliği için doğrulayıcıyı atlar, ancak gönderide açıklandığı gibi gelecekteki tarayıcılar için css'i tutar.

style="border:none; scrolling:no; frameborder:0;  marginheight:0; marginwidth:0; "