Что такое внутренняя HTML-ссылка?

Cto Takoe Vnutrennaa Html Ssylka



Внутренняя ссылка HTML — это гиперссылка, указывающая на место в том же документе HTML. Он в основном используется разработчиками при создании веб-страницы, чтобы обеспечить лучший пользовательский интерфейс, позволяя пользователям легко перемещаться. Это создает логическую иерархию, которая приносит пользу процессу SEO. Они обычно используются в сообщениях в блогах и на сайтах электронной коммерции.

В этой статье указано руководство по внутренней ссылке:

Что такое внутренняя HTML-ссылка?

Внутренние ссылки HTML — это гиперссылки, которые создаются для того, чтобы пользователи могли перемещаться по различным разделам веб-страницы. Пользователь при взаимодействии с внутренней ссылкой, браузер перемещает экран в указанный раздел веб-страницы. Это помогает в навигации для пользователей, особенно если есть веб-сайт или блог длиной в одну страницу.







Давайте рассмотрим простой пример для понимания внутренних ссылок:



Пример: использование внутренних ссылок в качестве навигатора

Чтобы понять работу внутренних ссылок, можно использовать кнопки навигации. Например, в этой демонстрации были созданы две навигационные кнопки и фиктивный контент:



< див >

< h2 идентификатор '=' 'Первая часть' > Первая часть < / h2 >

< п > Добро пожаловать в содержание первой части. < / п >

< h2 идентификатор '=' 'часть вторая' > Часть вторая < / h2 >

< п > Большой! Вы добрались до второй части содержания < / п >

< / див >

В приведенном выше фрагменте кода:





  • Первые два '

    » используются для создания двух заголовков/разделов веб-страницы. Эти ' h2 ” элементы содержат значение “ Первая часть ' и ' часть вторая », которые присваиваются « идентификатор атрибуты соответственно.

  • Далее «

    используются теги, которые содержат содержимое для каждого «

    ' ярлык.

Теперь кнопки навигации используются по отношению к внутренним ссылкам. Эти кнопки создаются с помощью следующей строки кода:

< ул >

< что > < а href '=' '#Первая часть' >Часть первая< / а > < / что >

< что > < а href '=' '#часть вторая' >Часть вторая< / а > < / что >

< / ул >

В приведенном выше фрагменте кода:



  • Во-первых, « <ул> » используется для создания ненумерованного списка и использует « <это> ” для установки элементов списка.
  • Далее якорь» <а> » используется и предоставляет фиктивные данные для каждого « <это> ' ярлык.
  • После этого установите значение параметра « href 'Атрибут обоих' <а> ” теги к “ Первая часть ' и ' часть вторая ИД. Это назначение « идентификатор ” values ​​создает внутреннюю ссылку.

После выполнения вышеуказанных блоков кода веб-страница работает следующим образом:

Приведенный выше gif иллюстрирует работу внутренних ссылок на веб-странице.

Заключение

Внутренние ссылки HTML — это гиперссылки, которые создаются для того, чтобы пользователи могли перемещаться по различным разделам веб-страницы. Чтобы создать внутреннюю ссылку, передайте идентификатор родительского элемента HTML. И укажите этот идентификатор в качестве значения для « href 'Атрибут, предоставляемый привязкой HTML' <а> элемент. Этот ' <а> » можно использовать внутри панели навигации или в любом месте веб-страницы, выступающей в качестве навигатора. В этой статье продемонстрирован практический пример внутренней ссылки HTML.