Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > So verwenden Sie das HTML-Framework

So verwenden Sie das HTML-Framework

墨辰丷
Freigeben： 2018-06-04 15:40:33
Original
8106 Leute haben es durchsucht

Ein Browser-Dokumentfenster kann nur eine Webseitendatei anzeigen, aber Sie können mehr als eine Seite im selben Browserfenster anzeigen, indem Sie Frames verwenden. In diesem Artikel werden HTML-Frames vorgestellt

1. Frames

Ein Browser-Dokumentfenster kann nur eine Webseitendatei anzeigen, aber Sie können durch die Verwendung von Frames mehr als eine Seite im selben Browserfenster anzeigen. Seiten, die Frames verwenden, bestehen hauptsächlich aus zwei Teilen: einem ist der Frame-Satz und der andere ist die spezifische Frame-Datei.

Frames werden meist für das Layout von Website-Backends oder Intranetsystemen verwendet.

1. Frameset (): ist eine Datei, die verwendet wird, um dieses HTML-Dokument als Frame-Modus zu definieren und festzulegen, wie das Fenster aufgeteilt wird. Laienhaft ausgedrückt ist ein Frameset eine Datei, die die Frame-Struktur speichert und gleichzeitig eine Eingabedatei für den Zugriff auf Frame-Dateien ist. Wenn eine Webseite aus zwei linken und rechten Frames besteht, gibt es zusätzlich zu den beiden linken und rechten Webseitendateien auch eine allgemeine Frameset-Datei. Auf Seiten, die Frames verwenden, wird das -Tag durch das Frame-Tag ersetzt. Jeder auf der Frame-Seite enthaltene Frame wird durch das Tag definiert.

rows-Attribut: Teilen Sie das Fenster horizontal. Horizontal geteilte Fenster dienen dazu, die Seite in horizontaler Richtung zu schneiden, dh die Seite in mehrere nach oben und unten angeordnete Fenster zu unterteilen. Zeilen können mehrere Werte annehmen, jeder Wert stellt die horizontale Breite eines Rahmenfensters dar und seine Einheit kann Pixel oder ein Prozentsatz des Browsers sein. Es ist jedoch zu beachten, dass bei der Festlegung mehrerer Zeilenwerte im Allgemeinen mehrere Frames erforderlich sind, d. h. eine entsprechende Anzahl von -Parametern ist erforderlich. 

  <html>
  
  <head>
  
  <title>水平分割窗口的效果</title>
  
  </head>
  
 <frameset rows="30%,70%">
 
     <frame>
 
     <frame>
 
 </frameset>
 
 </html>
Nach dem Login kopieren

cols-Attribut: Fenster vertikal teilen. Vertikal geteilte Fenster dienen dazu, die Seite in vertikaler Richtung in mehrere Fenster aufzuteilen, dh die Seite in mehrere links und rechts angeordnete Fenster zu unterteilen. Spalten können mehrere Werte annehmen. Jeder Wert stellt die horizontale Breite eines Rahmenfensters dar und seine Einheit kann Pixel oder ein Prozentsatz des Browsers sein. Ähnlich wie beim horizontal geteilten Fenster benötigen Sie im Allgemeinen mehrere Frames, wenn Sie mehrere Spaltenwerte festlegen, d. h. es gibt mehrere -Parameter. 

  <html>
  
  <head>
  
  <title>垂直分割窗口的效果</title>
  
  </head>
  
<frameset cols="20%,55%,25%">
 
     <frame>
 
     <frame>
 
     <frame>
 
 </frameset>
 
 </html>
Nach dem Login kopieren

frameborder-Attribut: Legen Sie den Rahmen fest. Standardmäßig gibt es eine Randlinie um das Rahmenfenster, und die Anzeige der Randlinie kann über den Frameborder-Parameter angepasst werden. Die Syntax lautet:

oder . Der Wert von Frameborder kann nur 0 oder 1 sein. Bei einem Wert von 0 wird die Randlinie ausgeblendet; bei einem Wert von 1 wird die Randlinie angezeigt. Das Festlegen im Frameset wirkt sich auf den gesamten Frame aus, das Festlegen im Frame nur auf den aktuellen Frame. 

  <html>
  
  <head>
  
  <title>设置框架窗口的边框显示效果</title>
  
  </head>
  
  <frameset rows="20%,55%,25%">
 
 <frame frameborder="1">
 
 <frameset cols="35%,65%" frameborder="0">
 
 <frame >
 
 <frame>
 
 </frameset>
 
 <frame frameborder="0">
 
 </frameset>
 
 </html>
Nach dem Login kopieren

Framespacing-Attribut: Die Rahmenbreite des Frames. Die Rahmenbreite des Rahmens beträgt standardmäßig 1 Pixel und seine Größe kann über den Parameter Framespacing angepasst werden.

Syntax:

Erklärung: Die Rahmenbreite ist die Breite der Linien zwischen den Rändern auf der Seite, in Pixel. Dieser Parameter kann nur für Framesets verwendet werden und ist nicht für einen einzelnen Frame gültig. 

  <html>
  
  <head>
  
  <title>设置框架的边框宽度</title>
  
  </head>
  
 <frameset rows="30%,70%" framespacing="10">
     <frame>
 
       <frameset cols="20%,55%,25%" framespacing="30">
 
         <frame>
 
         <frame>
 
         <frame>
 
       </frameset>
 
 </frameset>
 
 </html>
Nach dem Login kopieren

bordercolor-Attribut: Die Rahmenfarbe des Rahmens. Mit dem Parameter bordercolor legen Sie die Rahmenfarbe des Framesets fest.

Syntax:

Erklärung: Auch dieser Parameter gilt nur für das gesamte Frameset, nicht für einen einzelnen Frame. 

  <html>
  
  <head>
  
  <title>设置框架的边框颜色</title>
  
  </head>
  
 <frameset rows="30%,70%" framespacing="10" bordercolor ="#CC99FF">
 
     <frame>
 
      <frameset cols="20%,55%,25%" framespacing="30" bordercolor ="#9900FF">
 
         <frame>
 
         <frame>
 
         <frame>
 
       </frameset>
 
 </frameset>
 
 </html>
Nach dem Login kopieren

2. Frame () und src-Attribute.

Jede Seite in der Rahmenstruktur ist ein separater Text, und diese Dateien werden über den src-Parameter festgelegt.

Syntax:

Erklärung: In der Seitendatei befindet sich der spezifische Inhalt der Frame-Seite. Für Frames, die nicht vorhanden sind Wenn eine Quelldatei festgelegt ist, ist sie einfach leer. Die Seite hat keine Auswirkung. Die Quelldatei der Seite kann eine normale HTML-Datei oder ein Bild oder eine andere Datei sein. 

  <html>
  
  <head>
  
  <title>设置页面源文件</title>
  
  </head>
  
 <frameset rows="30%,70%">
 
     <frame src="pic01.gif">
     <frame src="src01.html">
 
 </frameset>
 
 </html>
Nach dem Login kopieren

3.-Tag

-Tag wird zur Anzeige verwendet, wenn der Browser dies nicht tut Unterstützungsrahmen Seiteninhalt. 

  <html>
 <frameset cols="25%,50%,25%">
    <frame src="/example/html/frame_a.html">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">
  <noframes>
  <body>您的浏览器无法处理框架！</body>
  </noframes>
  </frameset>
 </html>
Nach dem Login kopieren

2. Floating Frame ( Beschreibung: Ähnlich wie bei der gewöhnlichen Frame-Struktur können auch mit dem Floating Frame viele Parameter eingestellt werden, z wie Name, Scrollen, Rahmenrahmen usw. Im Vergleich zu gewöhnlichen Frames enthalten Floating-Frames jedoch keine Framespacing- und Bordercolor-Parameter.

src属性：浮动框架中最基本的参数就是src，它用来设置浮动框架页面的源文件地址，也是浮动框架页面必需的参数。因为只有设置了源文件的内容，浮动框架才有意义。语法：