Heim > Artikel > Web-Frontend > H5-Lernreise – H5-Framework (13)

H5-Lernreise – H5-Framework (13)

黄舟Original: 2017-02-17 14:43:251592Durchsuche

Einführung in die H5-Frame-Syntax: Frame: Frame spielt eine große Rolle im Seitendesign. FrameSet: Frameset-Tag definiert, wie das Fenster in Frames unterteilt wird. Jedes Frameset definiert eine Anzahl von Zeilen oder Spalten, rowS /COLS Gibt den Bereich des Bildschirms an, der von jeder Zeile oder Spalte eingenommen wird. noresize: feste Framegröße cols: Zeilenverhältnis rows: Spaltenverhältnis iframe: Inline-Frame

Codebeispiel:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>

! ! ! ! ! Rendern

H5-Lernreise – H5-Framework (13)

! ! ! ! ! ! Die beiden oben genannten Tags sind veraltet. Im Folgenden wird das Inline-Tag iframe

vorgestellt, das Index, Framec, Frameb und Framea verwendet. Es ist Schicht für Schicht in Form von iframe verschachtelt und zeigt das Ziel des a-Tags . Das Attribut „parent“ bedeutet das Öffnen im vorherigen verschachtelten übergeordneten Steuerelement und „top“ bedeutet das Öffnen im obersten Steuerelement

Indexcode

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>

Framec-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>

Frameb-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>

Framea-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>

Selbstrenderings

H5-Lernreise – H5-Framework (13)

Übergeordnete Renderings

H5-Lernreise – H5-Framework (13)

Einführung in die H5-Frame-Syntax: Frame: Frame spielt eine große Rolle bei der Gestaltung der Seite. FrameSet: Frameset-Tag definiert, wie das Fenster in Frames unterteilt wird. Jedes Frameset definiert eine Anzahl von Zeilen oder Spalten, rowS/COLS Gibt den Bereich des Bildschirms an, der von jeder Zeile oder Spalte eingenommen wird. noresize: feste Framegröße cols: Zeilenverhältnis rows: Spaltenverhältnis iframe: Inline-Frame

Codebeispiel:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>

! ! ! ! ! Rendern

H5-Lernreise – H5-Framework (13)

! ! ! ! ! ! Die beiden oben genannten Tags sind veraltet. Im Folgenden wird das Inline-Tag iframe

vorgestellt, das Index, Framec, Frameb und Framea verwendet. Es ist Schicht für Schicht in Form von iframe verschachtelt und zeigt das Ziel des a-Tags . Das Attribut „parent“ bedeutet das Öffnen im vorherigen verschachtelten übergeordneten Steuerelement und „top“ bedeutet das Öffnen im obersten Steuerelement

Indexcode

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>

Framec-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>

Frameb-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>

Framea-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>

Selbstrenderings

H5-Lernreise – H5-Framework (13)

Übergeordnete Renderings

H5-Lernreise – H5-Framework (13)

Das Obige ist der Inhalt des H5 Learning Journey-H5 Framework (13). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：H5-Lernreise – H5-Interaktion mit PHP (12)Nächster Artikel：H5-Lernreise – H5-Interaktion mit PHP (12)

In Verbindung stehende Artikel

Mehr sehen