2013-08-15 18 views
20

kullanarak html5 çerçeveleri için alternatif HTML5 için yeni ve bazı araştırmalar yaptık ve <frameset> kullanımının güncel olmadığını ve <iframes> okuduğumdan olmadığını öğrendim. Yani birisi bana yardımcı olabilir, ben gösterilen örnekle aynı sonucu elde etmek istiyorum ama <iframes> veya <frameset> için başka bir alternatif HTLM5 içinde kullanım dışı değil mi?iframes

<frameset cols="20%,*,"> 
    <frame src="menu.html"> 
    <frame src="events.html"> 
</frameset> 
+1

Bunun için kolayca değiştirilemez. –

+0

Ne, özellikle çerçeve hakkında yeniden üretmeye mi çalışıyorsunuz? Sadece iki sütun ister misin? –

+0

cevap

1

HTML 5 iframe'leri desteklemektedir. "Sandbox" ve "srcdoc" gibi birkaç ilginç özellik eklendi.

http://www.w3schools.com/html5/tag_iframe.asp

veya kullanabilirsiniz

<object data="framed.html" type="text/html"><p>This is the fallback code!</p></object> 
+1

bu enjekte html, kafa etiketler, bu hala geçerli bir html mi? – chulian

26

onlar url navigasyon ve köprü için sorun neden çünkü url sadece sana (çerçeve ile) endeks sayfasını alacağını, çerçeveler, kullanımdan kaldırıldı ve çerçeve pencerelerinin her birinde ne olduğunu belirtmenin bir yolu yoktu.

Şablon Dosyası: Günümüzde web sayfaları genellikle vb PHP, ASP.NET, Ruby Yani kullanmak yerine çerçeveler gibi sunucu tarafı teknolojilerinin tarafından oluşturulan, sayfalar sadece bu gibi içerikle bir şablon birleştirerek oluşturulabilir Eğer bir sunucu tarafı komut dosyası dili için tam destek yoksa

<html> 
<head> 
<title>{insert script variable for title}</title> 
</head> 

<body> 
    <div class="menu"> 
    {menu items inserted here by server-side scripting} 
    </div> 
    <div class="main-content"> 
    {main content inserted here by server-side scripting} 
    </div> 
</body> 
</html> 

, ayrıca kullanabilirsiniz sunucu tarafı (SSI) içerir. Bu aynı şeyi yapmanızı sağlar - yani. Birden çok kaynak belgeden tek bir web sayfası oluşturun.

Ama gerçekten sadece web sayfanızın bir bölümünün kendi sunucunuzda bulunmayan diğer web sayfalarını yükleyebileceğiniz ayrı bir "pencere" olmasını istiyorsanız, bir iframe kullanmanız gerekecektir.

Böyle senin kendilerine örnek olabilir:

Çerçeveler Örnek

<html> 
<head> 
    <title>Frames Test</title> 
    <style> 
    .menu { 
     float:left; 
     width:20%; 
     height:80%; 
    } 
    .mainContent { 
     float:left; 
     width:75%; 
     height:80%; 
    } 
    </style> 
</head> 
<body> 
    <iframe class="menu" src="menu.html"></iframe> 
    <iframe class="mainContent" src="events.html"></iframe> 
</body> 
</html> 

düzenini sağlamak için muhtemelen daha iyi yolları vardır. CSS float özniteliğini kullandım, ancak tabloları veya diğer yöntemleri de kullanabilirsiniz.

6

Diğerleriyle aynı fikirdeyim, yine de kareleri kullanmamaya karar verirseniz, index.html'yi XHTML'de yapabilir ve sonra da HTML5'teki çerçevelerin içeriğini yapabilirsiniz.

İlgili konular