Überlegungen zur Frameset-Tag-Designseite

Wichtig: Sie können das -Tag nicht innerhalb von platzieren. im Etikett. Und HTML5 unterstützt die Verwendung von Frameset-Tags nicht mehr! ! !

1. Das Frameset-Element kann ein Frameset definieren, das zum Organisieren mehrerer Fenster (Frames) verwendet wird. Für jedes Framework gibt es eine separate Dokumentation. Mithilfe des Frames können wir die Seite teilen und teilweise aktualisieren. Eine angemessene Nutzung wird den Benutzern eine sehr gute Erfahrung bringen.

2. Mehrere Attribute des Framesets:

①, Spalten:definieren die Anzahl und Größe der Spalten im Rahmenset. Schneiden Sie den Bildschirm vertikal ab (z. B. in zwei linke und rechte Bildschirme), akzeptieren Sie ganzzahlige Werte und Prozentsätze. * bedeutet, dass der verbleibende Platz eingenommen wird. Die Anzahl der Werte stellt die Anzahl der geteilten Fenster dar und wird durch Kommas getrennt. Beispielsweise kann COLS="30,*,50%" in drei Fenster unterteilt werden. Das erste Fenster hat eine Breite von 30 Pixeln und ist eine absolute Teilung. Das zweite Fenster ist das, was nach der Zuweisung des ersten und dritten Fensters übrig bleibt. Der Raum darunter, das dritte Fenster, nimmt 50 % des gesamten Fensterbildschirms ein und die Breite ist eine relative Aufteilung. Sie können die Zahlen selbst anpassen.

②, Zeilen:Definieren Sie die Anzahl und Größe der Zeilen im Frameset. Dies ist ein horizontaler Schnitt, der den oberen und unteren Bildschirmrand trennt. Die Werteeinstellungen sind die gleichen wie oben. Versuchen Sie, die Parameter COLS und ROWS nicht im selben Tag zu platzieren, da Netacape diesen Frame-Typ manchmal nicht anzeigen kann. Versuchen Sie daher, mehrere Aufteilungen zu verwenden.

③, frameborder: Legen Sie den Rand des Rahmens fest, sein Wert ist nur 0 und 1, 0 bedeutet keinen Rand, 1 bedeutet, den Rand anzuzeigen.

④, Rand: Legen Sie die Randstärke des Rahmens fest.

⑤, Rahmenfarbe: Legen Sie die Rahmenfarbe des Rahmens fest.

⑥, Framespacing: stellt den Abstand zwischen Frames und den zwischen Frames verbleibenden Abstand dar.

3. Attribute des Frame-Tags:

①, Name: Legen Sie den Frame-Namen fest. Diese Eigenschaft muss festgelegt werden.

②, src: Legen Sie den Namen oder Pfad der Webseite fest, die in diesem Frame angezeigt werden soll. Diese Eigenschaft muss festgelegt werden.

③, Scrollen: Legen Sie fest, ob Bildlaufleisten angezeigt werden sollen. Die Einstellwerte sind Auto, ja, nein.

④, Rahmenfarbe: Legen Sie die Rahmenfarbe des Rahmens fest.

⑤, Rahmenrand: Legen Sie fest, ob der Rahmenrand angezeigt werden soll. Die Einstellungswerte sind nur 0 und 1; 0 bedeutet keinen Rand, 1 bedeutet, dass der Rand angezeigt wird.

⑥, noresize: Legen Sie fest, ob die Rahmengröße manuell angepasst werden kann.

⑦, Randbreite: Legen Sie die Breite zwischen der Rahmengrenze und dem darin enthaltenen Inhalt fest.

⑧, marginhight: Legen Sie die Höhe zwischen der Rahmengrenze und dem darin enthaltenen Inhalt fest.

⑨, Breite: Legen Sie die Rahmenbreite fest.

⑩, Höhe: Stellen Sie die Rahmenhöhe ein.

4. Frameset-Nutzungsbeispiel:

Wenn Sie den folgenden Effekt erzielen möchten

Die Seite ist in drei Teile unterteilt, oben, links und rechts. Klicken Sie links auf den Hyperlink und die Frame-Seite auf der rechten Seite ändert sich entsprechend.

Gesamtseite: main.html

1 <frameset rows="11%,*" border="1px" framespacing="0">2         <frame src="top.html" name="top" frameborder="0" />3         <frameset cols="12%,*"   framespacing="0" framespacing="0">4             <frame src="left.html" name="left" scrolling="auto"/>5             <frame src="right.html" name="right" scrolling="auto"/>6         </frameset>7 </frameset>

top.html, right.html ist eine leere Seite, left.html lautet wie folgt:

1 <!-- 左边菜单栏显示-->2     <p >3         <ul >4             <li ><a href="taskCreate.html" target="right" id="taskCreat">任务创建</a></li>5             <li ><a href="taskManage.html" target="right">任务管理</a></li>6             <li ><a href="#" target="right" >数据集管理</a></li>7             <li ><a href="#" target="right" >模型管理</a></li>8         </ul>9     </p>

Die hierarchische Darstellung der Seite beruht hauptsächlich auf der Verwendung von Spalten und Zeilen im Frameset-Tag, kombiniert mit der Verschachtelung des Frame-Tags. Wenn Sie auf die Menüleiste links klicken möchten und sich der Rahmen rechts entsprechend ändert, müssen Sie das Attribut

target: kennen, das festlegt, wo das verlinkte Dokument geöffnet werden soll. Der Browser lädt das Dokument und zeigt es in dem Frame oder Fenster an, das mit dem href-Attribut dieses Tags benannt ist und dessen Name mit diesem Ziel übereinstimmt. Das heißt, in main.html, , welchen Wert hat das Namensattribut hier in , dann in left.html, hier Gleich sein.

5. Wie bekomme ich die Elemente in anderen Frames im Frameset, wo sich die übergeordnete Seite in der untergeordneten Seite befindet?

Das heißt, wie man den Attributwert des -Tags in left.html in right.html usw. erhält.

$(parent.parent. mainFrame. document).contents().find("body").html(); //manFrame bezieht sich auf die ID des Frames, den Sie anzeigen möchten

, wie z left.html-Seite oben: Die ID der Aufgabenerstellung lautet taskCreat. Dann können wir sie wie folgt abrufen: und ihre Klassenattribute ändern.

$(parent.parent.left.document).contents().find("#taskCreat").attr("class","list-group-item");

6. Vor- und Nachteile des Rahmensets

Wir wissen, dass der aktuelle HTML5-Standard kein Frameset mehr unterstützt. Obwohl das Neuladen der -Seite nicht das Neuladen der gesamten Seite erfordert, muss nur eine Frame-Seite in der Seite neu geladen werden (wodurch die Datenmenge reduziert wird). Übertragung, Beschleunigung des Herunterladens von Webseiten). Es weist jedoch auch viele Mängel auf, z. B. ist die Zurück-Schaltfläche des Browsers nutzlos; es werden viele Seiten generiert, was schwierig zu verwalten ist; der Code ist komplex und lässt sich nicht einfach durchsuchen Engines; die Anzeige kleiner mobiler Geräte ist unvollständig; Multi-Frame-Seiten erhöhen die Server-HTTP-Anfragen usw. Daher müssen wir bei der Verwendung von Framesets vorsichtig sein, und das aktuelle p + CSS kann auch zur Implementierung dieser Funktion verwendet werden.

Das obige ist der detaillierte Inhalt vonÜberlegungen zur Frameset-Tag-Designseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!