Ви можете також створювати посилання-переходи всередині самої сторінки - наприклад, зміст з посиланнями на глави. Все, що вам необхідно, - використовувати атрибут id і символ "#".
Використовуйте атрибут id для маркування елемента, на який ви хочете зробити перехід. Наприклад:
| <h1 id="heading1">heading 1</h1>
|
Тепер можна створити посилання на цей елемент за допомогою знака "#" в атрибуті посилання. Знак "#" повідомляє браузеру, що це перехід на тій же самій сторінці. Після "#" повинен слідувати id тега, на який виконується перехід. Наприклад:
| <a href="#heading1">Посилання на heading 1</a>
|
Все стане зрозуміліше на прикладі:
Приклад 5:
| <html> <head> </head> <body> <p><a href="#heading1">Посилання на heading 1</a></p> <p><a href="#heading2">Посилання на heading 2</a></p> <h1 id="heading1">heading 1</h1> <p>Text text text text</p> <h1 id="heading2">heading 2</h1> <p>Text text text text</p> </body> </html>
|
виглядає в браузері (клацніть по посиланнях):
| Посилання на heading 1
Посилання на heading 2
heading 1
Text text text text
heading 2
Text text text text
|
(Примітка: атрибут id повинен починатися з літери)
