Ramki w HTML
Paweł Dawidowicz
Ramki w HTML
Paweł Dawidowicz
Co to jest ramka?
Stosowanie ramek podczas tworzenia stron WWW jest kontrowersyjne -
jedni chętnie z nich korzystają, inni odradzają ich stosowanie. Ja osobiście
należę do tej drugiej grupy. Owszem, większość dzisiejszych przeglądarek
poradzi sobie z nimi bez problemów, więc to nie one tutaj stanowią
problem. Prawdziwym problemem są tutaj wyszukiwarki WWW. Część z
nich wogóle nie potrafi poradzić sobie z ramkami, inne zaś w lepszy czy
gorszy sposób są w stanie je obsłużyć. Jeżeli więc strona ostatecznie
zostanie zindeksowana przez wyszukiwarkę, to i tak nie będzie to dobrze
zrobione - wyszukiwarka widzi stronę z ramkami jako zbiór kilku osobnych
stron HTML, i w wynikach wyszukiwania one będą się zazwyczaj pojawiać.
Przekład strony z ramkami - kolumny
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html">
<frame src="ramka2.html">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>
Przekład strony z ramkami - wiersze
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset rows="100,*">
<frame src="ramka1.html">
<frame src="ramka2.html">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>
Zagnieżdżanie ramek
Dodatkowe atrybuty ramek - scrolling
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="33%,33%,*">
<frame src="ramka6.html" scrolling="yes">
<frame src="ramka6.html" scrolling="no">
<frame src="ramka6.html" scrolling="auto">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>
Dodatkowe atrybuty ramek - noresize
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd\">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html" noresize>
<frame src="ramka2.html" noresize>
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>
Dodatkowe atrybuty ramek -
frameborder
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html" frameborder="0">
<frame src="ramka2.html" frameborder="0">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>
Dodatkowe atrybuty ramek - marginwidth
i marginheight
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Strona z ramkami</title>
</head>
<frameset cols="25%,*">
<frame src="ramka1.html" marginwidth="10" marginheight="50">
<frame src="ramka2.html" marginwidth="50" marginheight="10">
<noframes>
<body>
Wersja strony dla przeglądarek nie obsługujących ramek
</body>
</noframes>
</frameset>
</html>
Dodatkowe atrybuty ramek - name
Dodatkowe atrybuty
Dla atrybutu target można przypisać także kilka specjalnych wartości:
_blank - strona zostanie otwarta w nowym oknie przeglądarki.
_top - strona zostanie otwarta bezpośrednio w oknie przeglądarki
(bieżąca struktura ramek zostanie usunięta).
_parent - strona zostanie otwarta w ramce która jest ramką
nadrzędną dla bieżącej ramki.
_self - strona zostanie otwarta bieżącej ramce (wartość domyślna).