Względna ścieżka w HTML

Często musimy dodawać i uzyskać dostęp do plików przechowywanych w systemie w dokumencie HTML. Jeśli plik potrzebny w dokumencie znajduje się w tym samym folderze, w którym plik dla Witryny został przechowywany, zamiast kopiować całą ścieżkę pliku i wklejanie go do dokumentu HTML, lepszą praktyką jest dodanie względnej ścieżki pliku.

Co dokładnie jest względną ścieżką?

Ścieżka względna oznacza, że ​​pliki, o których mowa, znajdują się w tym samym folderze co struktura folderu witryny. Tak, że plik stał się dostępny, nawet jeśli nazwa jego względnego folderu jest określona przed nazwą pliku, zamiast dodawać całą ścieżkę zawierającą nazwę wszystkich folderów i katalogów, w których plik został zapisany.

Jak dodać względne ścieżki w HTML?

Składnia do dodania względnej ścieżki pliku podczas używania HTML do sformatowania dokumentu jest prosta. Dodaj znacznik Anchor z atrybutem HREF, który zawiera względną ścieżkę (nazwa folderu i dokładna nazwa pliku z rozszerzeniem, poczynając od symbolu Slash). Pomiędzy znacznikami kotwic otwierających i zamykania dodaj tekst, który powinien być wyświetlany w formie linku na interfejsie wyjściowym.

Składnia

Względna ścieżka w HTML jest dodawana przez znacznik kotwicy za pomocą atrybutu HREF:

Link do obrazu

Przykład: Dodanie obrazu poprzez określenie względnej ścieżki w HTML

Omówmy, jak dodać względną ścieżkę w HTML i jak jej działa na interfejsie graficznym za pomocą przykładu:

Link do obrazu

W powyższym stwierdzeniu, aby dodać względną ścieżkę w HTML:

• Istnieje znacznik kotwicy z atrybutem HREF. Wewnątrz otwierającego znacznika kotwicy znajduje się nazwa folderu „HTML i CSS,”Począwszy od„/”(Symbol Slash).
• Następnie istnieje dokładna nazwa pliku „img”Z rozszerzeniem pliku„.jpg”, Którego zawartość będzie wyświetlana na interfejsie.
• I „Link do obrazu”To tekst, który zostanie wyświetlony w formie klikania linku, który skieruje użytkownika do zawartości„jpg" plik.

To wyświetli następujące dane wyjściowe:

Korzyści z dodawania względnej ścieżki w HTML

Dodanie względnej ścieżki w HTML ma następujące korzyści:

• Dodanie względnej ścieżki w HTML może bezpośrednio uzyskać dostęp do określonego pliku bez konieczności dodawania całej ścieżki bezwzględnej (ścieżka obejmująca wszystkie katalogi, w których plik jest przechowywany).
• Podczas korzystania ze ścieżek względnych w HTML nazwy domen można łatwo zmienić i łatwo jest przenosić całe katalogi w HTML.

Wniosek

Dodanie względnych ścieżek w HTML jest użytecznym sposobem dostępu do pliku przechowywanego w folderze lub katalogu w dokumencie HTML. Wszystko, czego wymaga, to utworzenie znacznika kotwicy i atrybutu HREF wewnątrz znacznika otwierającego z nazwą katalogu lub folderu, a następnie nazwę i rozszerzenie pliku, do którego ma być dostępny.