Widziałeś strony typu „One Page”, gdzie kliknięcie w menu płynnie przesuwa Cię do sekcji „Kontakt” na samym dole? To tzw. kotwice (anchors). W tej lekcji nauczysz się linkować do konkretnego miejsca na tej samej stronie.
Kluczowe zagadnienia:
- Atrybut
id(unikalny identyfikator). - Linkowanie z hashem (
href="#id"). - Przycisk „Wróć na górę”.
Pytania do filmu:
- Jaki atrybut nadaje unikalną nazwę elementowi na stronie?
- Czy na jednej stronie mogą być dwa elementy z tym samym
id? (Odp: Nie). - Jaki znak musimy postawić w
href, aby zlinkować do ID? (Odp: Płotek#). - Co się stanie po kliknięciu w link
<a href="#kontakt">? (Odp: Przewinie do sekcji o id „kontakt”). - Jak zrobić link, który wraca na samą górę strony? (Odp:
href="#"lub do id body). - Czy kotwice działają między różnymi podstronami? (Odp: Tak,
strona.html#sekcja). - Czy
idmoże zawierać spacje? (Odp: Nie). - Do jakiego typu stron najczęściej używa się kotwic? (Odp: One Page).
- Czy kotwica przeładowuje stronę? (Odp: Nie, tylko przewija).
- Czy znacznik, do którego linkujemy, musi być nagłówkiem? (Odp: Nie, dowolny element z id).