Heim > Artikel > Web-Frontend > Was ist die Alternative zum HTML5-Frameset-Tag? Lösung zum Ersetzen von Frameset-Tags
Dieser Artikel stellt hauptsächlich die Analyse von Alternativen zum HTML5-Frameset-Tag sowie zwei Lösungen für das HTML5-Frameset-Tag vor. Schauen wir uns nun gemeinsam diesen Artikel an
Lassen Sie uns zunächst Schauen Sie sich die Alternativen zum HTML5-Frameset-Tag an:
Die Verwendung von Framesets so wenig wie möglich auf der Seite ist nicht förderlich für die Suche durch Suchmaschinen.
Das Folgende ist eine Warnung zu FrameSet und Frame in Visual Studio:
Warnung Validierung (XHTML 1.0 Transitional): Das Element „Frameset“ wird nicht unterstützt.
Warnungsvalidierung (XHTML 1.0 Transitional): Element „frame“ wird nicht unterstützt.
Der neue HTML-Standard unterstützt keine FrameSet- und Frame-Elemente mehr. Eine der Alternativen besteht darin, DIV mit IFrame und CSS zu verwenden, um das FrameSet-Element je nach Inhalt anzupassen. aber viele Leute Es gibt keine Lösung. Die Lösung lautet wie folgt:
<div id="navigation"> <!--其中可以用asp.net中的TreeView,Menu等菜单控件或者用HTML的<u><li>标记配合CSS,配置菜单可以在DataBase中动态读取或者在 XML中配置--> </div> <div id="content"> <iframe id="contentIFrame" name="Content" src="XMLDataBinding.aspx" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.body.scrollHeight+5;this.width=this.contentWindow.document .body.scrollWidth+5;" /> </div>
Die Verwendung dieser Methode ist eine der besseren Lösungen, die es im Internet gibt .
Jetzt stellen wir die Lösung zum Ersetzen des Frameset-Tags vor: (HTML5 unterstützt kein Frameset, daher gibt es zwei Lösungen)
1. Verwenden Sie iframe, jedoch weniger und derzeit verwenden weniger Menschen Iframes, und Iframes sind zwischen verschiedenen Browsern immer noch nicht kompatibel.
2. Verwenden Sie die Onload-Methode von jQuery, nachdem diese Methode zu mehreren Seiten gesprungen ist. Dies kann jedoch als Hinzufügen einer Zurück-Schaltfläche angesehen werden . Die beliebtere Methode ist also diese Methode:
Sehen Sie sich die Codebeispiele zum Frameset-Tag an:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div+css实现frameset效果</title> <style type="text/css">.header{border-bottom:1px solid #ccc;margin-bottom:5px;} .MainContainer{min-width:960px;max-width:1600px;} .sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px; padding:5px;}.main{float:left;margin-left:200px;padding:5px;} .content{padding:0 10px;} </style> </head> <body> <div class="page"><div class="header"><div id="title"> <h1>顶部</h1> </div></div> <div class="MainContainer"><div class="sidebar">边栏</div> <div id="main" class="main">内容</div></div> </div> </body> </html>
Der obige Code läuft wie folgt:
Das Obige ist die Alternative zum HTML5-Frameset-Tag in diesem Artikel sowie eine Beispielanalyse der alternativen Lösung. Wenn Sie Fragen haben, können Sie diese unten stellen
[Empfehlung des Herausgebers]
Was bedeutet das HTML5-Meter-Tag? Detaillierte Erläuterung der Verwendung des Meter-Tags
Wie schreibe ich Kommentare in HTML? Was sind die Kommentarsymbole in HTML? (Mit Beispielen)
Das obige ist der detaillierte Inhalt vonWas ist die Alternative zum HTML5-Frameset-Tag? Lösung zum Ersetzen von Frameset-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!