dd
<a href="<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Description" content="W jaki sposób przenie¶ć użytkownika do jednej z podstron serwisu?" />
<meta name="Keywords" content="a, href, odsyłacz do podstrony, odno¶nik hipertekstowy, hiperł±cze, linki, html, www" />
<meta name="Author" content="Sławomir Kokłowski" />
<link rel="Stylesheet" type="text/css" href="../pliki/style20080522.css" />
<script type="text/javascript" charset="iso-8859-2" src="../pliki/skin.js"></script>
<link rel="Stylesheet" type="text/css" href="../pliki/default.css" />
<link rel="Stylesheet" type="text/css" href="../pliki/print.css" media="print" />
<link rel="Copyright" href="../info/copyright.html" />
<link rel="Contents" href="../info/sitemap.html" />
<link rel="Shortcut icon" href="../pliki/favicon.ico" />
<link rel="Alternate" type="application/rss+xml" href="../rss/rss.php?id=1" title="Kurs HTML - strona WWW za darmo" />
<title>Do podstrony - Odsyłacze - Kurs HTML</title>
<script type="text/javascript" src="../pliki/lib.js"></script>
<script type="text/javascript" src="../pliki/menu.js"></script>
<script type="text/javascript" charset="iso-8859-2" src="../pliki/indeks.js"></script>
<link rel="Start" href=".././index.html" title="Kurs HTML" />
<link rel="Prev" href="../html/wstep,odsylacze.html" title="Wstęp" />
<link rel="Next" href="../html/do_etykiety,odsylacze.html" title="Do etykiety" />
</head>
<body>
<div id="TOP"><div id="BODY">
<div id="HEADER">
<h1><a href=".././index.html"><strong>Kurs HTML</strong><b> - strona WWW za darmo</b></a></h1>
<ul>
<li><a href=".././index.html">START</a></li>
<li><a href="../html/zielony.html">Jak zacz±ć</a></li>
<li><a href="../html/dalej.html">Co dalej</a></li>
<li><a href="../html/xhtml.html">XHTML</a></li>
<li><a href="../html/html.html">HTML 4.01</a></li>
<li><a href="../css/index.html">Style</a></li>
<li><a href="../css/css.html">CSS 2</a></li>
<li><a href="../skrypty/index.html">Skrypty</a></li>
<li><a href="../skrypty/generatory.html">Generatory</a></li>
<li><a href="../info/faq.html">FAQ</a></li>
<li><a href="../info/indeks.html">Indeks</a></li>
<li><a href="../info/sitemap.html">Mapa</a></li>
</ul>
</div>
<div id="MAIN">
<div id="MENU">
<dl id="MAIN_MENU">
<dt><span>HTML</span></dt>
<dd><a href="../html/zielony.html">HTML dla zielonych</a></dd>
<dd><a href="../html/body.html">BODY i META</a></dd>
<dd><a href="../html/tekst.html">Tekst</a></dd>
<dd><a href="../html/odsylacze.html"><strong>Odsyłacze</strong></a>
<ul>
<li><a href="wprowdzenie,odsylacze.html">W tym rozdziale dowiesz się...</a></li>
<li><a href="wstep,odsylacze.html">Wstęp</a></li>
<li><a href="do_podstrony,odsylacze.html"><strong>Do podstrony</strong></a></li>
<li><a href="do_etykiety,odsylacze.html">Do etykiety</a></li>
<li><a href="do_adresu_internetowego,odsylacze.html">Do adresu internetowego</a></li>
<li><a href="odsylacz_pocztowy,odsylacze.html">Odsyłacz pocztowy</a></li>
<li><a href="odsylacz_ftp,odsylacze.html">Odsyłacz FTP</a></li>
<li><a href="komunikatory_internetowe,odsylacze.html">Komunikatory internetowe</a></li>
<li><a href="inne,odsylacze.html">Inne</a></li>
<li><a href="odsylacz_obrazkowy,odsylacze.html">Odsyłacz obrazkowy</a></li>
<li><a href="quiz,odsylacze.html">Quiz</a></li>
</ul>
</dd>
<dd><a href="../html/tabele.html">Tabele</a></dd>
<dd><a href="../html/multimedia.html">Multimedia</a></dd>
<dd><a href="../html/ramki.html">Ramki</a></dd>
<dd><a href="../html/formularze.html">Formularze</a></dd>
<dd><a href="../html/dalej.html">I co dalej...</a></dd>
<dd><a href="../html/promocja.html">Promocja strony WWW</a></dd>
<dd><a href="../html/xhtml.html">XHTML</a></dd>
<dd><b>Dodatki</b></dd>
<dd><a href="../html/kolory.html">Kolory</a></dd>
<dd><a href="../html/znaki.html">Znaki specjalne</a></dd>
<dd><a href="../html/jezyki.html">Języki</a></dd>
<dd><a href="../html/html.html">HTML 4.01</a></dd>
<dt><span>CSS</span></dt>
<dd><a href="../css/index.html">Kaskadowe Arkusze Stylów</a></dd>
<dd><a href="../css/wstawianie.html">Wstawianie stylów</a></dd>
<dd><b>Selektory</b></dd>
<dd><a href="../css/elementy.html">Selektory elementów</a></dd>
<dd><a href="../css/atrybuty.html">Selektory atrybutów</a></dd>
<dd><a href="../css/specjalne.html">Selektory specjalne</a></dd>
<dd><a href="../css/pseudoelementy.html">Selektory pseudoelementów</a></dd>
<dd><a href="../css/pseudoklasy.html">Selektory pseudoklas</a></dd>
<dd><b>Własno¶ci</b></dd>
<dd><a href="../css/czcionki.html">Czcionki</a></dd>
<dd><a href="../css/tekst.html">Tekst</a></dd>
<dd><a href="../css/tlo.html">Tło</a></dd>
<dd><a href="../css/marginesy.html">Marginesy</a></dd>
<dd><a href="../css/obramowanie.html">Obramowanie</a></dd>
<dd><a href="../css/wykazy.html">Wykazy</a></dd>
<dd><a href="../css/rozmiary.html">Rozmiary</a></dd>
<dd><a href="../css/tabele.html">Tabele</a></dd>
<dd><a href="../css/pozycjonowanie.html">Pozycjonowanie</a></dd>
<dd><a href="../css/kursory.html">Kursory</a></dd>
<dd><a href="../css/drukowanie.html">Drukowanie</a></dd>
<dd><a href="../css/suwaki.html">Suwaki</a></dd>
<dd><a href="../css/filtry.html">Filtry</a></dd>
<dd><b>Dodatki</b></dd>
<dd><a href="../css/media.html">Media</a></dd>
<dd><a href="../css/quirks.html">Tryb Quirks</a></dd>
<dd><a href="../css/menu.html">Menu w CSS</a></dd>
<dd><a href="../css/szablon.html">Szablon strony na DIV-ach</a></dd>
<dd><a href="../css/definicje.html">Definicje</a></dd>
<dd><a href="../css/jednostki.html">Jednostki</a></dd>
<dd><a href="../css/kolory.html">Kolory</a></dd>
<dd><a href="../css/selektory.html">Selektory</a></dd>
<dd><a href="../css/css.html">CSS 2</a></dd>
<dt><span>Skrypty</span></dt>
<dd><a href="../skrypty/index.html">Wykaz skryptów</a></dd>
<dd><a href="../skrypty/generatory.html">Wykaz generatorów</a></dd>
<dd><a href="../skrypty/ulubione_startowa.html">Ulubione i startowa</a></dd>
<dd><a href="../skrypty/przyciski.html">Aktywne przyciski</a></dd>
<dd><a href="../skrypty/aktualizacja.html">Aktualizacja</a></dd>
<dd><a href="../skrypty/okno.html">Nowe okno</a></dd>
<dd><a href="../skrypty/galeria.html">Galeria zdjęć</a></dd>
<dd><a href="../skrypty/przegladarka.html">Przegl±darka zdjęć</a></dd>
<dd><a href="../skrypty/losowy.html">Losowy element</a></dd>
<dd><a href="../skrypty/blokada.html">Ochrona strony</a></dd>
<dd><a href="../skrypty/migotanie.html">Migotanie</a></dd>
<dd><a href="../skrypty/autoiframe.html">AutoIFRAME</a></dd>
<dd><a href="../skrypty/wyszukiwarka.html">Wyszukiwarka</a></dd>
<dd><a href="../skrypty/indeks.html">Indeks, wyszukiwarka</a></dd>
<dd><a href="../skrypty/rozwijane_menu.html">Rozwijane menu</a></dd>
<dd><a href="../skrypty/menu_rozwijane.html">Menu rozwijane, otwierane, wysuwane</a></dd>
<dd><a href="../skrypty/menu_drzewiaste.html">Menu drzewiaste</a></dd>
<dd><a href="../skrypty/skorki.html">Skórki</a></dd>
<dd><b>Inne</b></dd>
<dd><a href="../phpbb/">phpBB Hacks by logeen</a></dd>
<dd><a href="../ip/">IP tester</a></dd>
<dt><span>Informacje</span></dt>
<dd><a href="../info/copyright.html">Prawa autorskie</a></dd>
<dd><a href="../info/sitemap.html">Mapa serwisu</a></dd>
<dd><a href="../info/indeks.html">Indeks haseł</a></dd>
<dd><a href="../info/faq.html">FAQ - często zadawane pytania</a></dd>
<dd><a href="javascript:void(okno('../quiz/index.html', 'quiz'))">Quiz</a></dd>
<dd><a href="../skin/">Zmień skórkę</a></dd>
<dd><a href="../info/kontakt.html">Kontakt</a></dd>
<dd><a href="../info/autor.html">Autor</a></dd>
<dd><a href="../info/wyroznienia.html">Wyróżnienia</a></dd>
<dd><a href="http://www.kurshtml.boo.pl/ksiega/">Księga go¶ci</a></dd>
<dd><a href="http://www.forumweb.pl">Forum dyskusyjne</a></dd>
<dd><a href="http://weborbita.w.interia.pl/reklama/">Promuj Kurs HTML!</a></dd>
<dd><a href="../info/linki.html">Linki</a></dd>
<dd><a href="../info/reklama.html">Zareklamuj się tutaj za darmo</a></dd>
<dt><span>Porady</span></dt>
<dd><a href="http://www.forumweb.pl/viewtopic.php?t=41222">Napisz własn± poradę</a></dd>
<dd><a href="http://www.forumweb.pl/viewforum.php?f=18">Wszystkie porady i tutoriale</a></dd>
<dd><b>Kategorie</b></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=HTML">HTML</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=XHTML">XHTML</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=CSS">CSS</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=JavaScript">JavaScript</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=PHP">PHP</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=MySQL">MySQL</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=bazy%20danych">Bazy danych</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=grafika">Grafika</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=Photoshop">Photoshop</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=GIMP">GIMP</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=Flash">Flash</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=promocja">Promocja</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=pozycjonowanie">Pozycjonowanie</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=standardy">Standardy</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=technologie">Technologie</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=phpBB">phpBB</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=Joomla">Joomla</a></dd>
<dd><a href="http://www.forumweb.pl/search.php?mode=prefix&search_terms=all&search_fields=all&show_results=topics&search_forum=18&search_keywords=tutorial">Tutorial</a></dd>
</dl>
<div id="INFO">
<div class="reklama"><a href="http://www.boo.pl/?platnosci,rejestruj,1&ref=logeen" onclick="return !aTarget(this)"><img src="../pliki/boo.gif" alt="boo.pl" title="Konto WWW za 1 SMS" style="width: 140px; height: 60px" /></a></div>
<script type="text/javascript">
// <![CDATA[
new MainMenu('MAIN_MENU', '', false, false, 0, 0);
document.write('<div id="SEARCH">');
var SZUKAJ = new Indeks('SZUKAJ');
SZUKAJ.wstawWyszukiwarkeOnline('../info/indeks.html', '../szukaj.php');
document.write('</div>');
// ]]>
</script>
<noscript>
<div class="SEARCH"><form action="../szukaj.php" method="get"><div>
<div><strong>Wyszukiwarka:</strong></div>
<input type="text" name="q" class="text" />
<input type="submit" value="Szukaj" class="button" />
</div></form></div>
<div class="SEARCH"><form action="http://www.google.pl/search" method="get"><div>
<div><strong>Google:</strong></div>
<input type="text" name="q" class="text" />
<input type="hidden" name="ie" value="iso-8859-2" />
<input type="hidden" name="sitesearch" value="www.kurshtml.boo.pl" />
<input type="submit" value="Szukaj" class="button" />
</div></form></div>
</noscript>
<script type="text/javascript">
// <![CDATA[
document.write('<div class="box"><div class="header"><a href="../info/faq.html">Porady</a></div><div id="FAQ"></div></div>');
document.write('<div class="box"><div class="header"><a href="http://www.forumweb.pl">Na forum</a></div><div id="FORUM"></div></div>');
// ]]>
</script>
<div class="box">
<div class="header"><a href="../info/linki.html">Polecane strony</a></div>
<ul>
<li class="row1"><a href="http://qqweb.pl">Dodatki na WWW</a></li>
<li class="row2"><a href="http://szablony.blogowicz.info">Darmowe szablony</a></li>
<li class="row1"><a href="http://webmade.org">webmaster webmastering</a></li>
<li class="row2"><a href="http://www.dzien-e-mail.org">Dzień e-mail</a></li>
<li class="row1"><a href="http://www.4clubbers.pl" title="Clubbers Forum, Forum Muzyki Klubowej">Forum Muzyczne</a></li>
<li class="row2"><a href="../info/linki.html"><small>Zobacz więcej...</small></a><br /><a href="../info/reklama.html"><small>Dodaj tutaj swoj± stronę za darmo...</small></a></li>
</ul>
</div>
</div>
</div>
<div id="CONTENT">
<div class="CONTENT">
<h1>Odsyłacze</h1>
<h2 id="do_podstrony">Do podstrony</h2>
<p>(w obrębie tego samego serwisu)</p>
<p>Tak jak każda ksi±żka składa się z rozdziałów, tak samo serwisy internetowe składaj± się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera tre¶ć, która do¶ć znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo).</p>
<pre class="skladnia"><a href="<var>względna ¶cieżka dostępu</var>"><var>opis</var></a></pre>
<div class="parametry">gdzie jako "<var>względna ¶cieżka dostępu</var>" należy podać <a href="wstawienie_obrazka,zielony.html">lokalizację</a> na dysku, gdzie znajduje się podstrona, do której chcemy się przenie¶ć.<br />
W miejsce wyrazu "<var>opis</var>" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nast±pi uruchomienie odsyłacza (¶cieżka dostępu pojawia się jedynie na pasku statusu przegl±darki).</div>
<p>Praktycznie każdy serwis internetowy składa się z pewnej ilo¶ci podstron, zapisanych w osobnych plikach HTML. Aby umożliwić w nich nawigację, wstawia się wła¶nie takie polecenia, odnosz±ce się do wszystkich podstron serwisu. Jest to pomocne przy tworzeniu spisu tre¶ci, chociaż hiperł±cza mog± znajdować się również w zwykłym tek¶cie, odsyłaj±c użytkownika do miejsca, gdzie dany temat jest szerzej opisany. Odsyłacz taki może odnosić się do innej podstrony, ale tylko w obrębie tego samego dysku (ten sam serwis internetowy).</p>
<p>Ponieważ sposób przełamywania wierszy w przegl±darce nie zależy od sposobu wpisania tekstu w edytorze, czasami może się zdarzyć, że pojedynczy odsyłacz zostanie przedzielony na dwie kolejne linijki. Może się to wydawać nieestetyczne. Aby tego unikn±ć, należy w opisie odsyłacza zast±pić wszystkie spacje znakami <kbd>&nbsp;</kbd> [zobacz: <a href="znaki.html">Znaki specjalne</a>]. Nie dotyczy to jednak tekstu, w którym znajduj± się: "%" (procent) lub "-" (my¶lnik). W takim przypadku można użyć <a href="blokada_przelamania_wiersza,tekst.html">blokady przełamania wiersza</a>.</p>
<div class="uwaga"><b>UWAGA!</b><br />
Bardzo ważne: w nazwach plików lepiej <span class="u">nie używać</span>:
<ul>
<li>wielkich liter</li>
<li>znaków, np.: <kbd>\ / : * ? " < > |</kbd></li>
<li>spacji (je¶li musisz, w zamian używaj podkre¶lnika "<kbd>_</kbd>")</li>
<li>polskich liter (<kbd>±, ć, ę, ł, ń...</kbd> itd.)</li>
</ul>
</div>
<p>Je¶li nie zastosujesz się do tych zaleceń, może się okazać, że po wprowadzeniu strony do Internetu, pliki takie nie wczytaj± się (nawet je¶li na Twoim komputerze wszystko jest w porz±dku)!</p>
<p class="wskazowka">Za pomoc± tego typu odsyłacza można się odnosić do dowolnego pliku znajduj±cego się na koncie FTP razem ze stron±. Dzięki temu można zbudować dział <em>download</em>, tzn. odsyłacze do pobierania plików.</p>
<p class="przyklad">Przykład:</p>
<p>To jest odsyłacz do strony głównej kursu HTML: <a href="../index.html">Strona główna</a></p>
<h3 id="dymek_narzedziowy">Dymek narzędziowy</h3>
<p>Dobrym pomysłem może się również okazać, zastosowanie atrybutu <code>title="..."</code>. Powoduje on, że po wskazaniu odsyłacza myszk±, wy¶wietli się tekst pomocniczy w "dymku" narzędziowym. Można tam podać np. szerszy opis strony, do której ma nast±pić przeniesienie, np. po wpisaniu:</p>
<pre class="html"><<a href="a,html.html">a</a> href="<var>../index.html</var>" title="<b>Do strony głównej</b>">Strona&nbsp;główna</<a href="a,html.html">a</a>></pre>
<p>Otrzymamy (wskaż odsyłacz myszk±, aby zobaczyć opis):</p>
<p><a href="../index.html" title="Do strony głównej">Strona główna</a></p>
<h3 id="pasek_statusu">Pasek statusu (stanu)</h3>
<p>Po wskazaniu odsyłacza myszk±, w pasku statusu przegl±darki domy¶lnie pojawia się adres strony, do której ma nast±pić przeniesienie (atrybut HREF). Można jednak to zmienić i sprawić, aby pojawił się tam inny napis. Należy jednak pamiętać, że na pasku statusu nie zmie¶ci się zbyt długi tekst.</p>
<pre class="html"><<a href="a,html.html">a</a> href="../index.html" onmouseover="window.status='<b>Do strony głównej</b>'; return true" onmouseout="window.status=''; return true">Strona&nbsp;główna</<a href="a,html.html">a</a>></pre>
<p>Wskaż poniższy odsyłacz myszk± i popatrz na pasek stanu przegl±darki:</p>
<a href="../index.html" onmouseover="window.status='Do strony głównej'; return true" onmouseout="window.status=''; return true">Strona główna</a>
<h3 id="nowe_okno">Nowe okno</h3>
<p>Je¶li chcesz, aby po kliknięciu odsyłacza otwarło się nowe okno, wpisz następuj±cy kod (dotyczy to również pozostałych typów odsyłaczy przedstawionych na tej stronie):</p>
<pre class="html"><<a href="a,html.html">a</a> <b>target="_blank"</b> href="<var>adres</var>"><var>opis</var></<a href="a,html.html">a</a>></pre>
<p><a href="../przyklady/html/test.html" onclick="return !aTarget(this)">kliknij tutaj</a></p>
<p>[Aby okre¶lić wygl±d nowego okna (rozmiar, położenie, pokazanie/ukrycie pasków menu, narzędzi, statusu itd.), zobacz: <a href="../skrypty/okno.html">Otwarcie nowego okna</a>].</p>
<p class="uwaga"><b>UWAGA!</b><br />Atrybut <b>TARGET</b> nie wchodzi w skład <a href="wstep,html.html">Strict DTD</a>. Natomiast można go bez przeszkód używać wykorzystuj±c <em>Transitional DTD</em>.</p>
<p>Istniej± co najmniej dwie drogi rozwi±zania tego problemu:</p>
<ol class="odstep">
<li><strong>JavaScript</strong>
<p>Tworzymy plik o dowolnej nazwie z rozszerzeniem <kbd>*.js</kbd> - np. <kbd>target.js</kbd> i zapisujemy w nim następuj±cy kod:</p>
<pre class="kod">function aTarget(el, name)
{
var wnd = window.open(typeof el == 'string' ? el : el.href, typeof name != 'undefined' ? name : '', 'menubar=yes,toolbar=yes,location=yes,directories=no,status=yes,scrollbars=yes,resizable=yes');
if (!wnd) return false;
wnd.focus();
return true;
}</pre>
<p>Następnie w nagłówku dokumentu (sekcja <a href="ramy_dokumentu,zielony.html">HEAD</a>) umieszczamy:</p>
<pre class="html"><<a href="script,html.html">script</a> type="text/javascript" src="<b>target.js</b>"></<a href="script,html.html">script</a>></pre>
<p>W wyróżnionym miejscu należy podać <a href="wstawienie_obrazka,zielony.html">lokalizację</a> utworzonego przed momentem pliku <kbd>*.js</kbd>. Jeżeli znajduje się w tym samym katalogu, wystarczy podać jego nazwę wraz z rozszerzeniem.<br />Ostatecznie linki, które maj± się otwierać w nowym oknie, tworzymy następuj±co:</p>
<pre class="html"><<a href="a,html.html">a</a> href="<var>adres</var>" <b>onclick="return !aTarget(this)"</b>><var>opis</var></<a href="a,html.html">a</a>></pre>
<p class="przyklad">Przykład:</p>
<p><a href="http://www.google.pl" onclick="return !aTarget(this)">www.google.pl w nowym oknie</a></p>
</li>
<li><strong><acronym xml:lang="en" title="Document Type Definition">DTD</acronym></strong>
<p>Wykorzystuj±c modularyzację języka XHTML, można utworzyć własn± wersję <dfn>DTD</dfn>, czyli plik zawieraj±cy definicję wszystkich znaczników i atrybutów języka, ł±cz±c± w sobie podstawow± wersję DTD XHTML oraz moduł XHTML Target 1.0, w którym zawiera się atrybut <code>target="..."</code>. Należy utworzyć plik pod nazw± <kbd>xhtml11-target1.dtd</kbd> i zapisać go na swoim koncie FTP w katalogu <kbd>DTD</kbd> (uwaga na wielko¶ć liter!):</p>
<pre class="kod"><!ENTITY % XHTML.version
"-//W3C//DTD XHTML 1.1 + XHTML Target 1.0//EN">
<!ENTITY % xhtml11.dtd
PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
%xhtml11.dtd;
<!ENTITY % xhtml-target.mod
PUBLIC "-//W3C//ELEMENTS XHTML Target 1.0//EN"
"http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-target-1.mod">
%xhtml-target.mod;</pre>
<p class="zrodlo">Pomysł: <a href="http://www.dmh.org.uk/"><cite>Dave H</cite></a></p>
<p>Dokumenty XHTML tworzymy przy użyciu następuj±cego szablonu:</p>
<pre class="html"><?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1 + XHTML Target 1.0//EN"
"<var><b>URL/DTD</b></var>/xhtml11-target1.dtd">
<<a href="html,html.html">html</a> xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<<a href="head,html.html">head</a>>
<<a href="title,html.html">title</a>><var>Tytuł dokumentu</var></<a href="title,html.html">title</a>>
</<a href="head,html.html">head</a>>
<<a href="body,html.html">body</a>>
<var>Tu wpisuje się tre¶ć strony</var>
</<a href="body,html.html">body</a>>
</<a href="html,html.html">html</a>></pre>
<div class="parametry">Jako <var>URL/DTD</var> trzeba wpisać pełny adres do katalogu, w którym znajduje się utworzony przed chwil± plik <kbd>xhtml11-target1.dtd</kbd>, np. <kbd>http://www.example.com/DTD</kbd></div>
<p>Należy przy tym zauważyć, że mamy tutaj do czynienia z dokumentem XHTML 1.1, a więc nie można w nim stosować znaczników i elementów <a href="wstep,html.html">zdeprecjonowanych</a>! Ponadto powinni¶my zadbać o przesyłanie takiego dokumentu z odpowiednim typem <acronym xml:lang="en" title="Multipurpose Internet Mail Extensions">MIME</acronym>. W rozdziale <a href="typy_mime_dokumentow_xhtml,xhtml.html">Typy MIME dokumentów XHTML</a> dowiesz się więcej na ten temat. Znajdziesz tam również skrypt <acronym xml:lang="en" title="PHP Hypertext Preprocessor">PHP</acronym> <em>negocjacji zawarto¶ci</em>, dzięki któremu dokumenty XHTML mog± się wy¶wietlać poprawnie w każdej przegl±darce (Microsoft Internet Explorer 7.0 nie potrafi wy¶wietlić dokumentu XHTML z typem MIME <em>application/xhtml+xml</em>!). Dla omawianego tutaj rozwi±zania, wystarczy ustawić w tym skrypcie preferowan± wersję DTD jako <kbd>XHTML 1.1</kbd> i drug± preferowan± DTD (w przypadku braku pełnej interpretacji XHTML 1.1) - <kbd>XHTML 1.0 Transitional</kbd>, a następnie w pliku "<kbd>mime/XHTML 1.1.inc.php</kbd>" zapisać:</p>
<pre class="html"><!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.1 + XHTML Target 1.0//EN"
"<var><b>URL/DTD</b></var>/xhtml11-target1.dtd">
<<a href="html,html.html">html</a> xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<<a href="head,html.html">head</a>></pre>
<p>Opis instalacji znajdziesz we wskazanym wcze¶niej rozdziale. Trzeba jednak zdawać sobie sprawę, że w przestarzałych przegl±darkach (np. <acronym xml:lang="en" title="Microsoft Internet Explorer">MSIE</acronym> 7.0) nie uzyskamy w ten sposób XHTML 1.1 ani XHTML 1.0 Strict! W takim przypadku skrypt automatycznie dobierze XHTML 1.0 Transitional, ponieważ tylko w nim domy¶lnie można wykorzystywać atrybut <code>target="..."</code>.</p>
</li>
</ol>
<ul class="NAV">
<li class="PREV"><a href="../html/wstep,odsylacze.html" title="Wstecz">Wstęp</a></li>
<li class="NEXT"><a href="../html/do_etykiety,odsylacze.html" title="Dalej">Do etykiety</a></li>
</ul>
<ul class="PAG_NAV">
<li class="TOP"><a href="#TOP">Do góry</a></li>
<li class="HOME"><a href=".././index.html">Strona główna</a></li>
<li class="PRINT"><a href="odsylacze.print.html">Drukuj rozdział</a></li>
</ul>
<script type="text/javascript" src="../s/stat.js"></script><noscript><div><img src="../s/stat.php" alt="" style="width:1px;height:1px" /></div></noscript>
</div>
</div>
</div>
<div id="FOOTER">
<strong>© 2002-2008 <a href="../info/kontakt.html">Sławomir Kokłowski</a></strong> <a href="../rss/?a=channel&id=1" class="RSS"><img src="../pliki/rss.gif" alt="RSS" title="Subskrybuj nowo¶ci" style="width: 36px; height: 14px" /></a>
<div class="COPYRIGHT">Publikacja materiałów bez zgody autora zabroniona (<a href="../info/copyright.html">zasady korzystania</a>).</div>
<div>Protected by <a href="http://www.bowi.org.pl">BOWI Group</a></div>
</div>
</div></div>
<script type="text/javascript" src="../pliki/parse.js"></script>
<script type="text/javascript" charset="iso-8859-2" src="../faq.js.php?b=..%2F&c=html"></script>
<script type="text/javascript">
// <![CDATA[
var now = new Date();
now = Math.round(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes(), now.getSeconds()) / 1000);
document.write('<script type="text/javascript" charset="iso-8859-2" src="../forum.js?' + (now - now % 300) + '"><' + '/script>');
// ]]>
</script>
</body>
</html>">dddd</a>