Ramki HTML

Przy użyciu ram można wyświetlać więcej niż jedną stronę w tym samym oknie przeglądarki.

Przykład

Pionowa ramka
Ten przykład pokazuje, jak użyć trzech różnych dokumentów do stworzenia pionowej ramki.
Pozioma ramka
Ten przykład pokazuje, jak użyć trzech różnych dokumentów do stworzenia poziomego ramka.

（Więcej przykładów można znaleźć na dole strony）。

Ramka

Przy użyciu ram można wyświetlać więcej niż jedną stronę w tym samym oknie przeglądarki. Każdy dokument HTML nazywa się ramką i każda ramka jest niezależna od innych ram.

Wady użycia ram:

  • Programiści muszą jednocześnie śledzić więcej dokumentów HTML
  • Trudno wydrukować całą stronę
Tagi struktury ramki (<frameset>)
  • Tagi struktury ramki (<frameset>) definiują, jak podzielić okno na ramki
  • Każdy frameset definiuje serię wierszylubKolumny
  • Wartości rows/columns określają powierzchnię ekranu zajmowaną przez każdą wiersz lub kolumnę

Komentarz redaktora:Tag frameset jest również tłumaczony jako zestaw ram.

Tagi ramki (Frame)

Tag ramki definiuje umieszczanie HTML dokumentu w każdej ramce.

W poniższym przykładzie ustawiliśmy dwukolumnowy zestaw ram. Pierwsza kolumna jest ustawiona na zajmowanie 25% okna przeglądarki. Druga kolumna jest ustawiona na zajmowanie 75% okna przeglądarki: HTML dokument "frame_a.htm" znajduje się w pierwszej kolumnie, a HTML dokument "frame_b.htm" znajduje się w drugiej kolumnie:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Podstawowe uwagi - przydatne wskazówki:

Jeśli ramka ma widoczne ramki, użytkownik może przeciągać ramki, aby zmienić jej rozmiar. Aby uniknąć tego, można dodać w tagu <frame>: noresize="noresize".

Dodaj znacznik <noframes> dla przeglądarek, które nie obsługują ramek.

Ważne wskazówki:Nie można używać znaczników <body></body> i <frameset></frameset> jednocześnie! Jednak jeśli dodasz znacznik <noframes> zawierający tekst, musi on być umieszczony w znacznikach <body></body> (w pierwszym przykładzie można zobaczyć, jak to wygląda.).

Więcej przykładów

Jak używać znacznika <noframes>.
Jak używać znacznika <noframes>.
Mieszana struktura ramkowa
Ten przykład pokazuje, jak tworzyć strukturę ramki z trzema dokumentami, które są umieszczone w wierszach i kolumnach.
Struktura ramki z atrybutem noresize="noresize"
Ten przykład pokazuje, jak działa atrybut noresize. W tym przykładzie ramek jest niemożliwy do dostosowania rozmiaru. Przeciągnięcie myszy nad krawędźmi ramki nie pozwala na przenoszenie krawędzi.
Ramek nawigacyjny
Ten przykład pokazuje, jak tworzyć ramki nawigacyjne. Ramka nawigacyjna zawiera listę linków, które ustawiają drugi ramek jako cel. Plik "contents.htm" zawiera trzy linki.
Wewnętrzny ramek
Ten przykład pokazuje, jak utworzyć wewnętrzny ramek (ramek w stronie HTML).
Przejście do określonej sekcji w ramce
Ten przykład pokazuje dwa ramki. Jeden z nich ustawia linki wskazujące na sekcje określone w innym pliku. Plik "link.htm" określa sekcje za pomocą <a name="C10">.
Przejście do określonej sekcji za pomocą nawigacji ramkowej
Ten przykład pokazuje dwa ramki. Ramka po lewej zawiera listę linków, które ustawiają drugi ramek jako cel. Drugi ramek wyświetla dokumenty, które są linkowane. Linki w ramce nawigacyjnej wskazują na sekcje określone w pliku docelowym.