Wskaż sposób, w jaki należy odwołać się do pliku default.css, jeśli index.html znajduje się bezpośrednio w katalogu Strona?
<link rel="stylesheet" type="text/css" href="c:/style/default.css"/>
<link rel="stylesheet" type="text/css" href="...\style\default.css"/>
<link rel="stylesheet" type="text/css" href="c:\style\default.css"/>
<link rel="stylesheet" type="text/css" href="./style/default.css"/>
Pytanie z egzaminu CKE, wrzesień 2014 (arkusz E.14-X-14.08).
Poprawny jest zapis ze ścieżką ./style/default.css. Plik index.html leży w katalogu Strona, a arkusz stylów w jego podkatalogu style. Kropka oznacza bieżący katalog, czyli ten, w którym jest dokument HTML, a dalej ścieżka schodzi do podkatalogu. To ścieżka względna: działa tak samo na dysku ucznia i na serwerze, bo nie zależy od litery dysku ani od położenia całej witryny. Do zapamiętania: w adresach w HTML separatorem jest ukośnik /, a nie \, dwie kropki .. oznaczają katalog nadrzędny. Zapis style/default.css działa identycznie jak ./style/default.css. Gdyby plik stylów leżał w katalogu nadrzędnym, ścieżka zaczynałaby się od dwóch kropek.
Ścieżki zaczynające się od c: to adresy bezwzględne na dysku konkretnego komputera. Na serwerze WWW takiego dysku nie ma, więc po opublikowaniu strony styl przestałby się wczytywać. Wersja z ukośnikiem odwrotnym dodatkowo miesza separator Windows z separatorem adresów - w HTML ścieżki zapisuje się ukośnikiem /. Zapis zaczynający się od trzech kropek też nie zadziała, bo nie istnieje katalog o nazwie ...: katalog bieżący to jedna kropka, a nadrzędny - dwie. Ponieważ index.html i podkatalog style leżą w tym samym katalogu Strona, wystarczy ścieżka względna ./style/default.css. Dzięki niej całą witrynę można przenieść w inne miejsce bez poprawiania odnośników. Przy takich zadaniach pomaga prosta metoda: zacznij od katalogu, w którym leży plik HTML, i opisz drogę do pliku stylów kolejnymi nazwami podkatalogów oddzielonymi ukośnikiem. Ścieżka względna nie zawiera oznaczenia dysku ani ukośnika odwrotnego.