< Return to Video

Внутрішні посилання в HTML.

  • 0:00 - 0:03
    Посилання є чудовим способом з'єднати
  • 0:03 - 0:05
    одну сторінку з іншою.
  • 0:05 - 0:07
    Але вони можуть також з'єднувати
    одну частину сторінки
  • 0:07 - 0:09
    з іншою частиною цієї ж сторінки,
  • 0:09 - 0:14
    особливо якоїсь довгої,
    наприклад, змісту книжки.
  • 0:14 - 0:17
    Я додала багато нової
    інформації на сторінку,
  • 0:17 - 0:20
    щоб познайомити вас з
    історією Інтернет-простору
  • 0:20 - 0:22
    та історією версій HTML.
  • 0:22 - 0:26
    І я думаю, що така кількість
    інформації заслуговує на "Зміст".
  • 0:26 - 0:29
    Я вже розпочала його створювати,
    це невпорядкований список
  • 0:29 - 0:33
    з елементами списку —
    назвами розділів.
  • 0:33 - 0:35
    Я хочу додати посилання
    кожному із заголовків,
  • 0:35 - 0:39
    щоб ви могли на них натиснути
    і перейти до відповідної частини сторінки.
  • 0:39 - 0:42
    Щоб зробити це, я знову
    використаю тег <а>,
  • 0:42 - 0:45
    тому я почну з того, що "обгорну"
    заголовок з обох боків
  • 0:45 - 0:49
    початковим та кінцевим тегом <а>.
  • 0:49 - 0:55
    Отже, яким же має бути href
    цього посилання?
  • 0:55 - 0:58
    Ми маємо якось сказати браузеру,
  • 0:58 - 1:00
    куди на сторінці він має перескочити.
  • 1:00 - 1:03
    Якийсь спосіб виокремити
    певну частину сторінки.
  • 1:03 - 1:06
    Якщо ви вже вивчили, як можна
    щось вибрати у CSS,
  • 1:06 - 1:09
    ви вже знаєте, як це зробити.
  • 1:09 - 1:14
    Ми можемо це зробити, додавши
    атрибут 'id' до тега.
  • 1:14 - 1:19
    Для цього ми спустимось вниз,
    знайдемо заголовок
  • 1:19 - 1:23
    і додамо до нього атрибут 'id'.
  • 1:23 - 1:25
    Я поставлю курсор в тезі ,
  • 1:25 - 1:27
    напишу id="
  • 1:27 - 1:30
    і придумаю гарний ідентифікатор,
    який буде унікальним,
  • 1:30 - 1:33
    наприклад, "веб-історія".
  • 1:33 - 1:36
    Добре, повернімось назад до посилання.
  • 1:36 - 1:40
    І зараз, щоб сказати браузеру
    перейти до внутрішнього посилання,
  • 1:40 - 1:42
    ми маємо почати з решітки '#'
  • 1:42 - 1:46
    і потім написати такий самий 'id', як і внизу.
  • 1:46 - 1:48
    Добре, тепер
  • 1:48 - 1:51
    зупиніть це відео
    і спробуйте натиснути на посилання.
  • 1:51 - 1:56
    Зробіть це, я почекаю.
    Клік-клік!
  • 1:56 - 2:00
    Гаразд, ви побачили, як посилання
    перенесло вас до цього розділу?
  • 2:00 - 2:01
    Тоді воно спрацювало!
  • 2:01 - 2:03
    Ми можемо додати більше таких посилань,
  • 2:03 - 2:06
    додавши атрибути 'id'
    до кожного заголовка
  • 2:06 - 2:08
    і створивши теги <а>,
    які на них вказуватимуть.
  • 2:08 - 2:09
    Але я залишу це для того,
    щоб ви спробували.
  • 2:09 - 2:12
    Важливо пам'ятати, що 'id' мусять
    бути унікальними,
  • 2:12 - 2:15
    бо інакше браузер не знатиме,
    куди переходити.
  • 2:15 - 2:18
    Тому робіть їх гарними і змістовними.
  • 2:18 - 2:22
    Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"
Title:
Внутрішні посилання в HTML.
Video Language:
English
Duration:
02:19
Julia edited Ukrainian subtitles for HTML internal links
Zoriana Havrylyuk edited Ukrainian subtitles for HTML internal links
Zoriana Havrylyuk edited Ukrainian subtitles for HTML internal links

Ukrainian subtitles

Revisions

Our website uses cookies for analysis purposes.