Как указать ссылку: Как указать трекинг-ссылку для мобильного приложения

Содержание

Как добавить ссылку в описание ТикТок: пошаговая инструкция

В TikTok около 800 млн активных пользователей. Это современная платформа с большой аудиторией людей разного возраста, удобная в продвижении и увеличении трафика. Расскажем, как увеличить переходы на сайт с помощью ссылки в описании ТикТок.

Какие ссылки можно добавлять

Социальная сеть дает возможность указать кликабельную ссылку на YouTube, Instagram и сайт. Причём ссылку на сайт указать можно не всегда.

Существует несколько видов аккаунтов: личный, авторский и бизнес. Они отличаются возможностями и функционалом.

В личном и авторском аккаунте можно вставить ссылку на видеохостинг YouTube и социальную сеть Инстаграм. А в бизнес-профиле есть возможность дополнительно ещё указать сайт.

Переключаться на разные профили можно в настройках, поле «Управление аккаунтом».

Бренды стали больше использовать эту функцию ТикТок, так как это дополнительное привлечение трафика. Авторы могут монетизировать свой трафик и получать максимальную выгоду.

Размещать активные ссылки под каждым видео пока нельзя, можно лишь указать текстовую версию, которую нужно вставлять в адресную строку браузера, что неудобно для пользователей.

Как указать контакты в описании

Для начала запустите приложение ТикТок, выберите внизу в строке пункт «Я».

Инструкция для бизнес-страницы по вставке кликабельной ссылки:

1. В описании Тик Ток аккаунта нажмите «Изменить профиль»

2. Выберите пункт «Веб-сайт»

3. Скопируйте адрес нужной страницы

4. Вставьте его в описание

5. Готово

Во вкладке «Изменить профиль» нужно выбрать интересующий ресурс и пройти авторизацию в нём (в Instagram ввести логин и пароль, YouTube — авторизоваться через аккаунт Гугл и выбор связанного канала).

Это нужно для того, чтобы в ТикТок автоматически была подгрузка данных из источников, а также в качестве профилактики от действий мошенников.

Вставляем мультиссылку в описание ТикТок

Об одностраничниках уже известно многим. Это хороший способ раскрутки своего товара/ услуг. Почему бы не использовать максимальные способы раскрутки?

Рассмотрим, как добавить ссылку на примере известного конструктора Хиполинк.

Хиполинк предлагает бесплатно создать лендинг с представлением любой информации и контактных данных. Очень удобно при переходе из ТикТок на мультиссылку узнать все интересующие вопросы или ознакомиться с новыми проектами предпринимателей/ блогеров/ бизнесменов и найти все нужные контактные данные.

Для того, чтобы добавить ссылку в ТикТок на Вашу Hipo страницу, нужно скопировать из верхней строки адрес профиля.

Затем по привычному алгоритму вставить её в поле «Веб-сайт». Готово! Теперь пользователи ТикТока смогут заходить на Ваш лендинг по кликабельной ссылке в ТикТок.

Если Вы еще не знаете, что такое лендинг и как он помогает улучшать свой бизнес, советуем прочитать эту статью.

Сегодня мы рассказали, как добавить в описание ТикТок ссылку на любой сторонний ресурс и увеличить трафик переходов. Используйте эти знания для продвижения своего личного бренда или бизнеса.

как скопировать ссылку на свой Instagram — wishdo

Где находится ссылка на вашу страницу в Instagram и как ее скопировать с приложения – смотрите в этой заметке.

Я разбирала анкеты на вакансию сммщика в wishdo, как вдруг наткнулась на комментарий парня: «Я бы с радостью добавил ссылку на свой Instagram, но не знаю, где её взять. Потому вот мой ник…».

Я подумала, что это же так очевидно! Но, порывшись в приложении, поняла, что да, таки спрятана ссылка хорошо. Помогла найти её мне наш SMM Head Валя Аронсон, за что я ей очень признательна.

Оказалось так элементарно, но почему-то не совсем очевидно.

Так что решила поделиться с вами инструкцией. На всякий случай 🙂

  • Откройте приложение Instagram на мобильном устройстве. Зайдите на свою страницу.
  • В правом верхнем углу нажмите на три полоски. Выберите «Instagram-визитка».
  • Перед вами откроется ваша визитка, которую можно скачать. Но нас интересует кнопка со стрелкой в правом верхнем углу. Нажмите на неё и выберите «Скопировать».
  • Всё, ссылка на вашу страницу скопирована, можно делиться.
Нажмите на «Instagram-визитка» – там находится ссылка на ваш Instagram

К сожалению, я не уверена, что такой вариант сработает на Android. Возможно, на каких-то устройствах – да, на каких-то – нет. Маленькое расследование провели Гена и Валя и поделились со мной результатами (смотрите скрин ниже).

Поэтому на всякий случай сохраняю ещё несколько вариантов, как найти и скопировать ссылку. Ведь Instagram – очень «живая» соцсеть. В приложении постоянно меняется интерфейс, появляются и исчезают функции. Так что держите ещё пять вариантов дать ссылку на свой Instagram.

1. Скопируйте на компьютере. Просто откройте свою страницу в браузере и скопируйте ссылку. Проще простого.

Как скопировать ссылку на свой Инстаграм: вариант с компьютера

Варианты копирования с телефона

2. Зайдите в мобильный браузер (НЕ в приложение). В поиске введите Instagram. К URL сайта (https://www.instagram.com/) добавьте ваш ник. Важно: без @ после /. Скопируйте.

Как скопировать ссылку на свой Инстаграм с телефона: вариант из браузера

3. Если у вас несколько аккаунтов в Instagram, зайдите в приложение, залогиньтесь в другом аккаунте (не том, на который вам нужно дать ссылку). С него найдите свою страницу. В правом верхнем углу кликните на многоточие. «Скопировать URL профиля».

Например, мне нужна ссылка на аккаунт @milaya_dashka. Я логинюсь через аккаунт агентства @wishdo.agency. И уже с него в поиске ищу @milaya_dashka. Многоточие – «Скопировать».

Как скопировать ссылку на свой Инстаграм: вариант с мобильного приложения из другого аккаунта

4. Введите адрес самостоятельно. Достаточно выучить (это не сложно, ну правда) адрес соцсети: http://www.instagram.com/. Далее добавляете ваш ник без @.

Например, «www.instagram.com/wishdo.agency». А если добавите вначале «https://» – вообще цены не будет. Тогда ссылка в анкете точно будет активной.

5. Скопируйте ссылку на пост. Этот вариант может не подойти, если вам нужно дать ссылку именно на профиль. И тем не менее покажу.

Откройте любой пост на вашей странице. В правом верхнем углу нажмите на многоточие. «Копировать ссылку». Вы скопировали ссылку конкретно на этот пост, она выглядит примерно так: https://www.instagram.com/p/B3NRi9onkBt/. Можете поделиться ей. Человек перейдет на ваш пост, а затем – на главную страницу.

И кстати, удобно один раз найти ссылку – сохранить в «Заметке» и больше не тратить время на поиски. Держите лайфхаки и больше не мучайтесь 🙂


Другие SMM-лайфхаки в моём блоге:

Поделиться ссылкой:

Похожее

Как сделать активную ссылку в Инстаграм и как её использовать?

Просматривая сториз в Instagram, вы часто замечаете у популярных людей или брендов внизу кнопку «See more» или «Еще» с призывом к действию, которая ведет вас на какой-нибудь ресурс. Чем же полезна эта кнопка для брендов и публичных личностей?

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

Кому доступны ссылки в Instagram Stories?

Первоначально опция была активна только для владельцев проверенных учетных записей в Instagram, но в 2017 году аккаунты без верификации тоже получили возможность создавать ссылку. Сейчас развернутые истории предусмотрены только для владельцев Instagram Business Accounts с количеством подписчиков более 10 000.

В свою очередь Instagram активно продвигает IGTV и позволяет вставлять ссылки на эти видео в историях, не имея заветных 10К подписчиков. Но для вас, как владельца страницы, история не будет отображаться с призывом продолжить смотреть видео.

Она будет активна только для ваших подписчиков.

 

Как добавить активную ссылку в Instagram?

Всего 3 шага, и вы легко справитесь с задачей:

1. Создайте историю в Instagram
Проведите вверх по экрану, чтобы открыть галерею с изображением / видеороликом или загрузите новые фото или видео прямо с раздела сториз.

2. Нажмите на ссылку
Значок цепочки вверху экрана — это и есть ссылка. После нажатия на нее, вы попадете на страницу, где можно ввести или вставить URL-адрес, на который будут перенаправлены ваши подписчики.

3. Создавайте историю и добавьте call-to-action
Используйте свои любимые фильтры, наклейки или хэштеги. Когда все будет готово, загрузите историю на страницу. Но обратите внимание, если добавляете стикеры в историю, то функция продвижения будет недоступна.

В Instagram Stories с прикрепленной ссылкой внизу экрана есть кнопка «See more», но многие подписчики могут её не заметить. Поэтому вспоминаем о таком инструменте привлечения внимания, как призыв к действию. Используйте фразы: «Проведите вниз», «Нажмите здесь», «Тяните вверх», «Свайпайте» или динамичную анимацию, привлекающую внимание.

Добавляем ссылки с умом

Спамить ссылками в каждой своей Stories – плохая идея, которая раздражает и утомляет подписчиков. В первую очередь должен привлекать контент профиля, а ссылка вставляется, когда она имеет важность и дополняет историю как приятный бонус.

Один из самых эффективных способов подтолкнуть зрителей к переходу по ссылке – заинтриговать. Например, блогеры снимают цепочку историй, которые подводят к ключевой ссылке – той, что ведет на сайт. Расскажем об этом на примере инстаблогера – Ольги Кравцовой.

✔️В первой истории она снимает, как озвучивает серию из сериала.

✔️Во второй делает опрос, который вовлекает пользователей во взаимодействие.
✔️В третьей дает свои рекомендации с призывом “свайпать и смотреть” тот самый сериал, который озвучивает ее компания.
✔️В четвертой истории она уже делится непосредственно афишей фильма с прикрепленной ссылкой на просмотр.

В данном случае блогерша пользуется правилом: “раздразните любопытство зрителей – и многие из них не смогут устоять”.

Внимание! Пример на скринах довольно провокационный.

Пример использования активной ссылки брендами в своих Stories:

 

 

Для чего использовать ссылки в Instagram Stories?

Увеличить посещаемость своего сайта или блога.
Если у компании, бренда или подписчика есть, например, свой блог, то важно всегда уведомлять о новых публикациях или информации в нем.

Дать возможность увидеть полную версию.
Часто делитесь с аудиторией своими влогами, туториалами, мастер-классами, кулинарными заметками? Используйте кликабельные ссылки на ваш сайт, чтобы зрители могли увидеть больше.

Интригуем!
У вас есть интересное ценовое предложение, новые товары, эксклюзивные фото или новая информация? Подогрейте интерес! Пообещайте вашим подписчикам поделиться этим, если они перейдут по вашей активной ссылке ниже.

Золотая середина: полезный и продающий контент
Ради привлечения внимания на товары или услуги, хочется максимально использовать все методы, но слишком навязчивая реклама негативно отразится на привлекательности бренда. Как же быть? Пользуйтесь ссылками в Instagram Stories не только на товар, продукт, услуги, но и разбавляйте вставками с полезным и развлекательным контентом. Это позволит повысить доверие ваших клиентов.

Кликабельная ссылка в Instagram Stories была высоко оценена маркетологами и пользователями социальной сети, которые искали эффективные способы привлечения трафика из Instagram на веб-страницы.

Чтобы отследить количество переходов по вашей ссылке не поленитесь сделать utm-метку. Так вы сможете узнать количество конверсий. Для этого мы используем этот сайт.

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

Виктория Мельниченко, SMM-менеджер Kiwi Agency

Делаем ссылки на свои группы и страницы в Viber, Whatsapp, Telegram, Вконтакте и Facebook

Содержание:
Куда можно установить ссылки?
Как создать ссылку в WhatsApp?
Как создать ссылку в Viber?
Как создать ссылку в Telegram?
Как создать ссылку в Вконтакте?
Как создать ссылку в Facebook?

Так же вам может быть интересно:
«Как настроить ссылки на профиль в Instagram?»

Куда можно установить ссылки?

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

1. В виджет «Кнопка»:

Загружаем в нее иконку Viber (или другую) и размещаем ссылку:

2. В виджет «Социальные сети»:

3. В расширенный виджет социальных сетей
В данном виджете вы найдёте множество полезных иконок, в том числе:
✔Вайбер
✔Иконка Инстаграм цвета сервиса
✔Готовая кнопка для кликабельного номера телефона и почты
✔Многие другие сервисы и новые типы кнопок соц.сетей

Инструкцию по установке расширенного виджета можно найти по ссылке

Как создать ссылку в WhatsApp?

Как пример, используйте ссылку ниже:

https://wa.me/79235678910

Вместо номера 79235678910 вставьте свой номер в таком же формате.

Чтобы сразу добавить сообщение при переходе по ссылке, используйте такой формат:

https://wa. me/79235678910?text=Я%20заинтересован%20в%20покупке%20вашего%20авто

В данном примере будет текст: «Я заинтересован в покупке вашего авто».
В ссылке «%20» используется для формирования пробела.

Как создать ссылку в Viber?

У Вайбера существует 2 разных варианта ссылок — для компьютера и телефона.
Ссылка для ПК имеет вид: 

viber://chat?number=+79235678910

Ссылка для телефона: 

viber://add?number=79235678910

Необходимо просто заменить в ссылках выше номер телефона на ваш.
Важно! В одном варианте есть «+», в другом — нет.

Как создать ссылку в Telegram?

Как пример, используйте ссылку ниже:

https://t.me/UserName

Замените UserName на ваше имя в Телеграме.
Если не знаете его, то ознакомьтесь с данной статьей.

Как создать ссылку в Вконтакте?

Используем ссылку ниже как пример:

http://vk. com/writeВашID


Замените ВашID на ваш id аккаунта ВКонтакте. ID профиля указывается цифрами, без пробелов.
Узнать свой id можно легко — перейдите в  браузере в раздел музыки. В адресной строке браузера будет ссылка https://vk.com/audiosваш_id

Как создать ссылку в Facebook?

https://www.messenger.com/t/Username

Замените Username на свой логин.
Ваш логин вы можете узнать из настроек аккаунта: перейдите по ссылке https://www.facebook.com/settings Логином является «имя пользователя».
 

Готово! 🎉 Мы выполнили настройку переходов в социальные сети.

Как в Stories Instagram сделать ссылку на пост 2021

Кликабельные ссылки в историях Instagram, ведущие на посты внутри этой же социальной сети, можно использовать для продвижения какого-нибудь товара или услуги. Например, если хотите расширить охват публикаций или рассказать подписчикам о новом продукте: те, кто им заинтересовался, смогут перейти в пост и почитать о нем подробнее.  

► Кейсы и фишки по заработку в интернете и арбитражу трафика — в нашем ProTraffic-чате. Вступайте в коммьюнити — у нас палят темы и обмениваются опытом! 🔥

В статье расскажем, как сделать в сторис ссылку на пост. Объясним, как сделать это двумя способами, и приведем примеры подобных публикаций. 

Способы вставить ссылку на пост в сторис

Есть два способа, как поставить в сторис ссылку на пост. Он отличается в зависимости от того, что именно вы хотите разместить.  

Увеличим доход основного оффера кнопкой «назад»

Первый способ, как в сторис добавить ссылку на пост или аккаунт внутри соцсети, доступен всем пользователям социальной сети вне зависимости от количества подписчиков.

Для этого сначала нужно найти интересующий вас пост и скопировать его URL-адрес. Потом создать историю — добавить фото или видео либо снять их с камеры телефона. А потом в режиме редактирования нажать на «Добавить ссылку» и указать скопированный URL-адрес. Чтобы он выглядел красиво, можно удалить первую часть ссылки — http://instagram.com — и вставить вместо нее атрибут @. Но в большинстве случаев этот лайфхак работает со ссылками на профиль, а не на конкретные посты. Еще один способ получить красивый URL — использовать сокращатель ссылок. 

Также можно упомянуть пост через стикеры.

Такие истории будут выглядеть в ленте как стандартные публикации. Пользователи смогут перейти к посту, если сделают свайп вверх. Можно оставить призыв к действию в самой истории, чтобы кнопка была более заметной, и ваши подписчики активнее переходили по ссылке. 

Второй способ, как в сторис добавить ссылку на пост — это просто репостнуть его. Для этого нажмите на значок самолета под понравившимся постом и опубликуйте его как историю. На истории будет видно имя автора публикации. Сам снимок поста превратится в стикер, и вы сможете увеличить или уменьшить его, развернуть, расположить в любом месте экрана. Чтобы перейти по ссылке, пользователи должны будут просто нажать на стикер. 

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

Первый способ сработает в любом случае. Второй, только если автор поста ведет публичный аккаунт и разрешил делиться своими постами. Если нет, кнопки «Поделиться» не будет вообще. 

Еще одна возможность поделиться активной ссылкой на какой-то пост с подписчиками — просто отправить ее в Директ. В сообщениях URL активные. Но этим способом можно поделиться только с несколькими людьми. Во-первых, рассылать сообщение куче подписчиков неудобно. Во-вторых, вас могут заблокировать за спам. 

Другая дополнительная возможность — запустить рекламу в «Инстаграм» через ФБ. Так тоже можно продвинуть историю со ссылкой на пост, в том числе среди тех, кто не является вашим подписчиком. Но этот способ используют крайне редко.  

Вставляем ссылку в Stories инстаграм

Расскажем подробнее, как в сторис вставить ссылку на пост стандартным способом. О том, как прикрепить к Stories активную ссылку на сайт, мы рассказывали в отдельной статье — эта же инструкция подходит и для того, чтобы поделиться публикацией в Instagram. 

Сначала найдите пост, которым захотите поделиться. Под ним будут значки лайков, комментариев и репостов. Нам нужен последний, он выглядит как самолет или как логотип мессенджера Telegram. 

Нажмите на значок. Перед вами откроется окно, в котором можно отправить пост в какую-либо группу, личным сообщением или в историю. Нам нужна строка «Добавить публикацию в вашу историю» — нажмите на нее. 

Перед вами откроется окно с историей и вашим постом в виде стикера. Как и к обычной Stories, можно добавить к ней текст, стандартные стикеры, хештеги и другие визуальные эффекты. Сам стикер с постом можно тоже перемещать, как угодно. Например, так можно создать призыв к действию, чтобы пользователи поняли, что по ссылке можно перейти к посту.  

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

Как вставить внешнюю ссылку в Инстаграм

Внутренние ссылки в сторис могут прикреплять все пользователи социальных сетей вне зависимости от количества подписчиков. А ссылки на внешние площадки могут прикреплять те, у кого больше 1 000 подписчиков. Для этого просто зайдите в меню создания историй и нажмите на иконку ссылки в верхней панели.

Нажмите сюда, чтобы добавить к публикации ссылку

Пример ссылок на пост в Instagram

Посмотрим, как пользователи социальной сети используют эту функцию. Впервые о ней объявили в 2018 году, сегодня она доступна почти всем. 

Один пользователь создал яркую историю, на которую поместил и призыв к действию, и хештег, и дополнительные элементы дизайна. 

Другой пользователь выделил только сам пост, не акцентируя внимания на каких-то дополнительных элементах. 

Третий просто оставил видео без какой-либо подписи.

А вы используете ссылки на пост в сторис «Инстаграм» и как это делаете? Поделитесь своим опытом в комментариях или подпишитесь на наш канал в Telegram, чтобы первыми получать новые материалы о соцсетях и арбитраже трафика в них.

Как сделать ссылку на скачивание файла

  Как сделать скачивание файла с сайта.

  Не редкость когда нужно бывает создать ссылку для скачивания какого то файла. При этом желательно чтобы это была прямая ссылка для скачивания, а не на внешний сайт (облако, хранилище).

  Для скачивания можно передавать файлы самых различных форматов: музыка, видео, текстовые файлы, Excel, архивы и мн. другие.


Как на сайте сделать скачивание файла

  Возможно вы хотите поделиться с посетителями вашего сайта каким либо файлом, при этом файл может быть самого любого формата.

  Делается это при помощи ссылки на файл с использованием специального HTML тега. Про то как создавать обычные ссылки есть статья: как сделать ссылку

  Ниже пойдёт речь о том как сделать ссылку для скачивания файла.

 


Скачивание архивов

  Для файлов-архивов (форматы zip, rar и т.д.) достаточно просто указать ссылку на файл который нужно передать для скачивания. Поэтому здесь применяется обычный HTML тег ссылки:

<a href="#">текст ссылки</a>

# — вместо символа решётки в атрибуте href прописывается ссылка на файл который отдаём для скачивания;

текст ссылки — можно указать текст типа: скачать файл, скачать прайс, скачать песню, скачать видео и т.д.

  Так же хочу обратить внимание, что если файл с вашего сайта указываем относительный путь к файлу /music/pesnya.mp3, а со сторонних сайтов указываем полный путь https://inter-net.pro/music/pesnya.mp3

 


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

HTML атрибут download

  Для того, чтобы передать какой либо файл для скачивания пользователю, в HTML ссылки нужно прописать атрибут download.

Структура ссылки для скачивания в html строится следующим образом:

<a href="#" download="">текст ссылки</a>

Вместо знака решётки # указываем ссылку на файл передающийся для скачивания.

В атрибуте download ничего указывать не нужно. Браузер поймёт что файл нужно скачивать, а не открывать.

 

Со всплывающей подсказкой:

<a href="#" download="" title="">текст ссылки</a>

  В кавычках атрибута title прописываем текст всплывающей подсказки.

*Обязательно не забываем переключить редактор в режим HTML чтобы редактировать теги


Текстовая ссылка

Код:

<a href="#" download="" title="всплывающая подсказка">скачать файл</a>

Результат: скачать файл


Скачать через кнопку

Код:

<a href="#" download="">
	<button>Скачать файл</button>
</a>

Результат:

Скачать файл

  Есть такой инструмент как Генератор кнопок, где просто генерировать кнопки с тегом скачивания и иконками.


 

Кнопка с иконкой

  Так же можно добавить к тексту ссылки иконочный шрифт, если он установлен у вас на сайте. При этом шрифтовую иконку можно поставить перед или после текста ссылки.

Код вставки иконки

<i></i> — пример для Font Awesome

<i></i> — пример для Icomoon

Код:

<a href="#" download="">
	<button>Скачать файл <i></i></button>
</a>

Результат:

Скачать файл


Скачивание файла при клике на изображение

Код:

<a href="#" download="">
	<img src="/images/knopki/skachat.png" alt="скачать"/>
</a>

Результат:


Со стилями CSS

Так же можно применять все свойства CSS и изменять размер шрифта, название, цвет и т. д.

Для этого добавляем атрибут style=" "

Код:

<a href="#" download="">Скачать файл</a>

Результат:

Скачать файл

 


Если вам что то не понятно или есть какие либо вопросы — не стесняйтесь и задавайте их в комментариях.

 

Записи по теме

Как сделать ссылку Инструкция как делать ссылки: анкорные и безанкорные ссылки, ссылки в BB-кодах, ссылки открывающиеся в новой вкладке, ссылки на изображениях и т.д. Онлайн экранирование кода для вставки в HTML Данный инструмент позволяет на лету без перезагрузки страницы экранировать код для дальнейшей вставки его в HTML, заменяя в коде символы требующие обязательного экранирования для таких случаев. Это символы: & »

Как оформить ссылку на интернет-источник?

Техническое оформление текста

Как оформить ссылку на интернет-источник?

Информация, размещенная на странице в Интернете, является электронным ресурсом удаленного доступа. Описание электронных ресурсов локального и удаленного доступа регулируется ГОСТ 7.82 — 2001 «Библиографическая запись. Библиографическое описание электронных ресурсов». Вот выдержки из документа.


Схема описания электронного ресурса
  • Основное заглавие является главным заглавием электронного ресурса и воспроизводится в том виде, в каком оно приведено в источнике информации, например: Большая энциклопедия Кирилла и Мефодия
  • Общее обозначение материала: [Электронный ресурс]

  • Параллельное заглавие — эквивалент основного заглавия на ином языке, например: Императорские дворцово-парковые ансамбли Санкт-Петербурга [Электронный ресурс] = The Imperial palace and park ensembles of St. Petersburg
  • Сведения, относящиеся к заглавию — информация, раскрывающая и поясняющая основное заглавие. Им предшествует двоеточие, например: : состояние, проблемы, перспективы
  • Сведения об ответственности могут состоять из имен лиц и наименований организаций с сопроводительными словами или коротким текстом, уточняющим их роль в создании электронного ресурса, либо без таковых слов и текста, например: / авт. курса, А. Сигалов или / Рос. гос. гуманитар. ун-т
  • Сведения об издании — сведения об изменениях и (или) особенностях данного издания по отношению к предыдущему изданию того же документа, например: Изд. 3-е, испр. и доп.
  • Обозначение вида ресурса, например: Электрон. журн., Электрон. текстовые дан. и т.п.
  • Объем ресурса пишется в скобках например: (33 файла)
  • Место издания, имя издателя, дата издания, например: М.: Интерсофт, 1999. Если сведений о месте издания или дате нет в документе, но они известны, их приводят в квадратных скобках, например: — [Новосибирск]. Если приводится предполагаемое место издания, оно указывается в квадратных скобках со знаком вопроса, например: — [Курск?]. Если нельзя установить дату, то в квадратных скобках она дается приблизительно, например: [199-?]
  • Примечание о режиме доступа (обязательно) — здесь указывается полный адрес интернет- страницы и условия доступа (свободный или платный).
  • Примечание об источнике основного заглавия (обязательно), например: — Загл. с экрана, Загл. с домашней страницы Интернета и т.п.
  • Примечание о языке произведения (необязательно), например: — Нем., — Текст на экране фр., англ. и т.п.

Отдельные элементы описания могут опускаться.

 

Примеры ссылок

Российская государственная библиотека [Электронный ресурс] / Центр информ. технологий РГБ; ред. Власенко Т. В. ; Web-мастер Козлова Н. В. — Электрон. дан. — М. : Рос. гос. б-ка, 1997 — Режим доступа: http//www.rsl.ru, свободный. — Загл. с экрана. — Яз. рус., англ.

Электронный каталог ГПНТБ России [Электронный ресурс] : база данных содержит сведения о всех видах лит., поступающей в фонд ГПНТБ России. — Электрон. дан. (5 файлов, 178 тыс. записей). — М., [199-?]. — Режим доступа: http://www.gpntb.ru/win/search/help/el-cat.html. — Загл. с экрана.

Русский орфографический словарь РАН [Электронный ресурс] / Под ред. В. В. Лопатина — Электрон. дан. — М.: Справочно-информационныйинтернет-портал ГРАМОТА.РУ, 2005. — Режим доступа: http://www.slovari.gramota.ru, свободный. — Загл. с экрана.

ссылок в документах HTML

ссылок в документах HTML

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

А Ссылка Ссылка имеет два конца — называемые якорями — и направление. Ссылка начинается с привязки «источник» и указывает на якорь «назначения», которым может быть любой веб-ресурс (например, изображение, видео клип, звуковой фрагмент, программа, документ HTML, элемент в HTML документ и т. д.).

12.1.1 Посещение связанного ресурса

Поведение по умолчанию, связанное со ссылкой, — это получение еще один Интернет-ресурс. Такое поведение обычно и неявно получается путем выбора ссылки (например,g., щелкнув через клавиатуру, так далее.).

Следующий отрывок HTML содержит две ссылки, одну якорь назначения — HTML-документ с именем «chapter2.html», а другой, целевой якорем которого является изображение в формате GIF в файле «forest.gif»:

<ТЕЛО>
  ... немного текста ... 

Вы найдете гораздо больше в главе второй . См. Также эту карту заколдованного леса.

Активировав эти ссылки (щелкнув мышью, через клавиатуру ввод, голосовые команды и т. д.) пользователи могут посещать эти ресурсы. Обратите внимание, что href Атрибут в каждом якоре источника указывает адрес якоря назначения с URI.

Якорь назначения ссылки может быть элементом в документе HTML. Якорю назначения должно быть присвоено имя якоря и любой URI, обращающийся к нему. якорь должен включать имя в качестве идентификатора фрагмента.

Целевые привязки в HTML-документах могут быть указаны либо с помощью A элемент (присвоив ему имя name attribute), или любым другим элементом (именование с атрибутом id ).

Таким образом, например, автор может создать оглавление, записи которого ссылка на элементы заголовка h3 , h4 и т. д. в том же документе. Использование элемента A для создадим якоря назначения, напишем:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальное содержание ... ... тело документа ...

Введение ... раздел 1 ...

Немного предыстории ... раздел 2 ...

Более личное примечание ... раздел 2.1 ...

Мы можем добиться того же эффекта, сделав сами элементы заголовка якоря:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение

... раздел 1 ...

Немного предыстории

... раздел 2 ...

Более личное примечание

... раздел 2.1 ...

12.1.2 Другая ссылка отношения

Безусловно, наиболее частым использованием ссылки является получение другого веб-сайта. ресурс, как показано в предыдущих примерах.Однако авторы могут вставить ссылки в своих документах, которые выражают другие отношения между ресурсами чем просто «активируйте эту ссылку, чтобы посетить соответствующий ресурс». Ссылки, которые Для выражения других типов отношений в их исходной привязке указан один или несколько типов ссылок.

Роли ссылки, определенной A или LINK , указываются через rel и rev атрибуты.

Например, ссылки, определенные элементом LINK , могут описывать позицию документа в серии документов.В следующем отрывке ссылки в документе, озаглавленном «Глава 5» укажите на предыдущий и следующий главы:

<ГОЛОВА>
  ... другая информация о головке ... 
 Глава 5 



 

Тип первой ссылки — «предыдущая», а второй — «следующая». (два из нескольких распознанных типов ссылок). Ссылки, указанные в LINK , — это , а не , отображаемые с помощью содержимое, хотя пользовательские агенты могут отображать его другими способами (например,г., как инструменты навигации).

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

12.1.3 Задание якорей и ссылок

Хотя некоторые элементы и атрибуты HTML создают ссылки на другие ресурсы (например,г., элемент IMG , элемент Элемент FORM и т. Д.), В этой главе обсуждаются ссылки и якоря. создается элементами LINK и A . Элемент LINK может появляться только в заголовок документа. Элемент A может появляться только в теле.

Когда У элемента установлен атрибут href , элемент определяет источник привязка для ссылки, которая может быть активирована пользователем для получения веб-ресурса.Якорь источника — это местоположение экземпляра A, и якоря назначения. Интернет-ресурс.

Полученный ресурс может обрабатываться пользовательским агентом несколькими способами: открытие нового HTML-документа в том же окне пользовательского агента, открытие нового HTML документ в другом окне, запуск новой программы для обработки ресурса, и т. д. Начиная с Элемент имеет контент (текст, изображения и т. Д.), Пользовательские агенты могут отображать этот контент таким образом, чтобы указывать на наличие ссылки (например,г., автор подчеркивание содержания).

Когда установлены атрибуты name или id элемента A , элемент определяет привязку, которая может быть местом назначения других ссылок.

Авторы могут установить атрибуты name и href одновременно в тот же Экземпляр .

Элемент LINK определяет связь между текущим документом и другой ресурс. Хотя LINK не имеет содержимого, отношения, которые он определяет, могут отображаться некоторыми пользовательскими агентами.

12.1.4 Заголовки ссылок

Атрибут title может быть установлен как для A , так и для LINK на добавить информацию о характере ссылки. Эта информация может быть озвучена пользовательский агент, отображаемый как всплывающая подсказка, вызывает изменение изображения курсора и т. д.

Таким образом, мы можем дополнить предыдущий пример на предоставление заголовка для каждой ссылки:

<ТЕЛО>
  ... немного текста ... 

Вы найдете гораздо больше в главе второй . Вторую главу . См. Также карта заколдованный лес.

12.1.5 Интернационализация и ссылки

Поскольку ссылки могут указывать на документы, закодированные с использованием различных кодировок символов, A и LINK элементы поддерживают атрибут charset .Этот атрибут позволяет авторам сообщить пользовательским агентам о кодировании данных на другом конце ссылки.

Атрибут hreflang предоставляет пользовательским агентам информация о языке ресурса в конце ссылки, так же как Атрибут lang предоставляет информацию о языке содержимое элемента или значения атрибутов.

Вооруженные этими дополнительными знаниями, пользовательские агенты должны уметь избегать представление пользователю «мусора».Вместо этого они могут либо найти ресурсы необходимо для правильного оформления документа или, если они не могут найти ресурсы, они должны, по крайней мере, предупредить пользователя о том, что документ будет быть нечитаемым и объяснить причину.

12.2 Модель

Элемент

Начальный тег: требуется , Конечный тег: требуется

Определения атрибутов

имя = cdata [CS]
Этот атрибут называет текущую привязку так, чтобы она могла быть местом назначения. другой ссылки.Значение этого атрибута должно быть уникальным именем привязки. В область действия этого имени — текущий документ. Обратите внимание, что этот атрибут разделяет то же пространство имен, что и атрибут id .
href = uri [CT]
Этот атрибут определяет расположение веб-ресурса, таким образом определяя связь между текущим элементом (исходным якорем) и целевым якорем определяется этим атрибутом.
hreflang = код языка [CI]
Этот атрибут определяет базовый язык ресурса, обозначенного href и может использоваться, только если указано href .
тип = тип содержимого [CI]
Этот атрибут дает консультативную подсказку относительно типа содержимого содержимого. доступно по целевому адресу ссылки. Это позволяет пользовательским агентам выбрать использование резервный механизм вместо получения содержимого, если им сообщают, что они получат контент в типе контента, который они не поддерживают.
Авторы, использующие этот атрибут, берут на себя ответственность за управление риском того, что он может стать несовместимым с контентом, доступным по целевой ссылке адрес.
Текущий список зарегистрированных типов контента см. [MIMETYPES].
отн. = типов звеньев [CI]
Этот атрибут описывает отношение текущего документа к привязка, указанная атрибутом href . Значение этого атрибута — список типов ссылок, разделенных пробелами.
рев. = типов звеньев [CI]
Этот атрибут используется для описания обратной ссылки. от якоря, указанного href атрибут текущего документа.В Значение этого атрибута — это список типов ссылок, разделенных пробелами.
кодировка = кодировка [CI]
Этот атрибут определяет кодировку символов указанного ресурса. по ссылке. Пожалуйста, обратитесь к разделу о характере кодировки для более подробной информации.

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • форма и координата (изображение карты)
  • onfocus , onblur , onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • цель (цель информация о кадре)
  • tabindex (навигация с вкладками)
  • ключ доступа (ключи доступа)

каждый Элемент определяет якорь

  1. Модель Содержимое элемента определяет положение привязки.
  2. Атрибут name называет якорь так, чтобы он мог быть местом назначения ноль или более ссылок (см. также якоря с id ).
  3. Атрибут href делает этот якорь якорем источника ровно одного ссылка.

Авторы также могут создать элемент A , который не указывает якоря, т.е. не указывает href , название , или id . Значения этих атрибутов могут быть установить позже через скрипты.

В следующем примере Элемент определяет ссылку. Якорь источника текст «Веб-сайт W3C» и привязка назначения — «http://www.w3.org/»:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C .
 

Эта ссылка обозначает домашнюю страницу Консорциума World Wide Web. Когда пользователь активирует эту ссылку в пользовательском агенте, пользовательский агент получит ресурс, в данном случае HTML-документ.

Пользовательские агенты обычно отображают ссылки таким образом, чтобы сделать их очевидно для пользователей (подчеркивание, обратное видео и т. д.). Точный рендеринг зависит от пользовательского агента. Визуализация может варьироваться в зависимости от того, есть ли у пользователя уже заходили по ссылке или нет. Возможный визуальный рендеринг предыдущего ссылка может быть:

Для получения дополнительной информации о W3C посетите веб-сайт W3C.
                                                   ~~~~~~~~~~~~
 

Чтобы явно сообщить пользовательским агентам, какая кодировка символов целевая страница, установите кодировка атрибут:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C 
 

Предположим, мы определяем привязку с именем «anchor-one» в файле «one.html».

  ... текст перед привязкой ... 
 Это местоположение первого якоря. 
  ... текст после привязки ... 
 

Это создает привязку вокруг текста «Это местоположение привязки one. «. Обычно содержимое A не отображаются каким-либо особым образом, если A определяет только привязку.

Определив якорь, мы можем ссылаться на него с того же или другого документ. URI, обозначающие якоря, содержат символ «#», за которым следует имя привязки (фрагмент идентификатор). Вот несколько примеров таких URI:

  • Абсолютный URI: http://www.mycompany.com/one.html#anchor-one
  • Относительный URI: ./one.html#anchor-one или one.html # anchor-one
  • Если ссылка определена в том же документе: # anchor-one

Таким образом, ссылка определена в файле «два.html «в том же каталоге, что и «one.html» будет относиться к привязке следующим образом:

  ... текст перед ссылкой ... 
Для получения дополнительной информации обратитесь к  привязке .
  ... текст после ссылки ... 
 

Элемент в следующем примере указывает ссылку (с href ). и одновременно создает именованный якорь (с именем ):

Я только что вернулся из отпуска! Вот
<Имя = "якорь-два"
   href = "http: // www.somecompany.com/People/Ian/vacation/family.png ">
фото моей семьи на озере. .
 

Этот пример содержит ссылку на другой тип веб-ресурса (PNG изображение). Активация ссылки должна привести к извлечению ресурса изображения. из Интернета (и, возможно, отображается, если система настроена на выполнение так).

Примечание. Пользовательские агенты должны уметь находить якоря создается пустыми элементами A , но некоторые этого не делают. Например, какой-то пользователь агенты могут не найти «пустой якорь» в следующем фрагменте HTML:

 
... некоторый HTML ... 
 Ссылка на пустой якорь 
 

12.2.1 Синтаксис привязки имена

Имя привязки — это значение name или id атрибут при использовании в контексте якорей. Имена якорей должны соответствовать следующие правила:

  • Уникальность: Имена якорей должны быть уникален в пределах документа. Имена якорей, которые отличаются только регистром, могут не отображаться в том же документе.
  • Соответствие строк: сравнений между идентификаторами фрагментов и Имена якорей должны быть выполнены с точным (с учетом регистра) совпадением.

Таким образом, следующий пример верен в отношении сопоставления строк и пользовательские агенты должны считать совпадение:

... ... еще документ ...

...

НЕЗАКОННЫЙ ПРИМЕР:
Следующий пример недопустим в отношении уникальности, поскольку два имени такие же, за исключением корпуса:

...

...

Хотя следующий отрывок является допустимым HTML, поведение пользовательского агента не определен; некоторые пользовательские агенты могут (ошибочно) считать это совпадением и другие не могут.

... ... еще документ ...

...

Имена якорей должны быть ограничены ASCII символы. Пожалуйста, обратитесь к приложению для получения дополнительной информации о символы не-ASCII в URI значения атрибутов.

12.2.2 Вложенные ссылки недопустимы

Ссылки и якоря, определенные Элемент не должен быть вложенным; элемент A не должен содержать никаких других элементов A .

Поскольку DTD определяет LINK элемент должен быть пустым, LINK элементы также не могут быть вложенными.

12.2.3 Анкеры с

id атрибут

Атрибут id может использоваться для создания привязки в начальном теге любого элемент (включая элемент A ).

Этот пример иллюстрирует использование атрибута id для позиционирования привязки в h3 элемент. Якорь подключается через A элемент.

Подробнее об этом можно прочитать в  Разделе 2 .
  ... далее в документе 
 

Раздел второй

... далее в документе

См. Раздел два выше. Больше подробностей.

В следующем примере привязке назначения присвоено имя id атрибут:

Я только что вернулся из отпуска! Вот
 фото моей семьи на озере..
 

id и name атрибуты имеют одинаковые пространство имен. Это означает, что они не могут оба определить привязку с тем же именем в том же документе. Допустимо используйте оба атрибута, чтобы указать уникальный идентификатор элемента для следующих элементов: А , ПРИЛОЖЕНИЕ , ФОРМА , РАМА , IFRAME , IMG и MAP . Когда оба атрибута используются в одном элементе, их значения должны быть идентичный.

НЕЗАКОННЫЙ ПРИМЕР:
Следующий отрывок является недопустимым HTML, поскольку эти атрибуты декларируют одинаковые имя дважды в одном документе.

 ... 
...

... страницы и страницы ...

В следующем примере показано, что id и name должны быть одинаковыми, когда оба появляются в начальном теге элемента:

...

Из-за его спецификации в HTML DTD имя атрибут может содержать ссылки на символы.Таким образом, значение D & # xfc; rst является действительный name значение атрибута , как и D & uuml; rst. Модель id Атрибут, с другой стороны, может не содержать ссылок на символы.

Использовать id или имя ? Авторам следует учитывать следующее проблемы при принятии решения, использовать ли id или name для имени привязки:

  • Атрибут id может действовать не только как имя привязки (например,г., стиль селектор листов, идентификатор обработки и т. д.).
  • Некоторые старые пользовательские агенты не поддерживают якоря, созданные с идентификатором атрибут.
  • Атрибут name позволяет использовать более обширные имена привязок (с объектами).

12.2.4 Недоступно и неидентифицируемые ресурсы

Ссылка на недоступный или неидентифицируемый ресурс является ошибкой. Хотя пользовательские агенты могут по-разному обрабатывать такую ​​ошибку, мы рекомендуем следующее поведение:

  • Если пользовательский агент не может найти связанный ресурс, он должен предупредить Пользователь.
  • Если пользовательский агент не может определить тип связанного ресурса, он должен все еще пытаюсь обработать это. Это должно предупредить пользователя и может позволить пользователю вмешаться и определить тип документа.

12.3 Отношения между документами:

LINK элемент

Начальный тег: требуется , Конечный тег: запрещено

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • href , hreflang , тип , отн. , отн. (ссылки и якоря)
  • цель (цель информация о кадре)
  • носитель (заголовок информация о стиле)
  • кодировка (символ кодировки)

Этот элемент определяет ссылку.В отличие от A , он может появляться только в HEAD раздел документа, хотя он может появляться сколько угодно раз. Хотя LINK не имеет содержания, он передает информацию о взаимоотношениях, которая может быть отображена пользовательские агенты различными способами (например, панель инструментов с раскрывающимся меню ссылки).

Этот пример показывает, как несколько определений LINK могут появиться в HEAD раздел документа. Текущий документ — «Глава2.html «. rel атрибут определяет отношение связанного документа с текущим документ. Значения «Индекс», «Далее» и «Назад» объясняются в разделе. по типам ссылок.



<ГОЛОВА>
   Глава 2 
  
  
  

  ... остальная часть документа ... 
 

12.3.1 Прямые и обратные ссылки

Атрибуты rel и rev играют взаимодополняющие роли — атрибут rel атрибут указывает прямую ссылку, а атрибут rev указывает обратную ссылка.

Рассмотрим два документа A и B.

Документ A: 
 

Имеет то же значение, что и:

Документ Б: 
 

Оба атрибута могут быть указаны одновременно.

12.3.2 Ссылки и внешние таблицы стилей

Когда Элемент LINK связывает внешнюю таблицу стилей с документом, Атрибут type определяет язык таблицы стилей, а атрибут Атрибут media определяет предполагаемую среду визуализации или мультимедиа. Пользовательские агенты могут сэкономить время, получая из сети только те стили листы, относящиеся к текущему устройству.

Типы носителей далее обсуждается в разделе о таблицах стилей.

12.3.3 Ссылки и поисковые системы

Авторы могут использовать элемент LINK для предоставления различной информации поисковики, в том числе:

  • Ссылки на альтернативные версии документа, написанные другим человеком язык.
  • Ссылки на альтернативные версии документа, предназначенные для различных носителей, например, версия, особенно подходящая для печати.
  • Ссылка на начальную страницу коллекции документов.

Примеры ниже иллюстрируют, как информация о языке, типах мультимедиа и типы ссылок могут быть объединены для улучшения обработки документов поисковыми системами.

В следующем примере мы используем атрибут hreflang , чтобы сообщить поиску поисковые системы, где можно найти версии документа на голландском, португальском и арабском языках. Обратите внимание на использование атрибута charset в руководстве на арабском языке. Обратите внимание также на использование lang , чтобы указать, что значение заголовка Атрибут для элемента LINK , обозначающего французское руководство, находится на французском языке.

<ГОЛОВА>
 Руководство на английском языке 





 

В следующем примере мы сообщаем поисковым системам, где найти напечатанный версия руководства.

<ГОЛОВА>
 Справочное руководство 


 

В следующем примере мы сообщаем поисковым системам, где найти переднюю страница сборника документов.

<ГОЛОВА>
 Справочное руководство - стр. 5 


 

Дополнительная информация содержится в примечаниях в приложении о том, как помочь поисковым системам индексировать ваш Интернет. сайт.

12.4 Информация о пути: элемент

BASE
 BASE  - O EMPTY - базовый URI документа ->
 href % URI; # ОБЯЗАТЕЛЬНО - URI, который действует как базовый URI -
  >
 

Начальный тег: требуется , Конечный тег: запрещено

Определения атрибутов

href = uri [CT]
Этот атрибут определяет абсолютный URI, который действует как базовый URI для разрешение относительных URI.

Атрибуты, определенные в другом месте

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

Если присутствует, элемент BASE должен появиться в HEAD раздел HTML-документа перед любым элементом, который ссылается на внешний источник.Информация о пути, указанная элементом BASE , влияет только на URI в документ, в котором появляется элемент.

Например, учитывая следующую декларацию BASE и A декларация:



 <ГОЛОВА>
    Наши продукты 
   
 

 <ТЕЛО>
   

Вы видели наш Клетки для птиц ?

относительный URI «../cages/birds.gif» будет преобразован в:

http://www.aviary.com/cages/birds.gif
 

12.4.1 Разрешение относительных URI

Пользовательские агенты должны вычислять базовый URI для разрешения относительных URI согласно [RFC1808], раздел 3. Ниже описывается, как [RFC1808] применяется конкретно к HTML.

Пользовательские агенты должны вычислять базовый URI в соответствии со следующим приоритеты (от высшего приоритета к низшему):

  1. Базовый URI устанавливается BASE элемент.
  2. Базовый URI задается метаданными, обнаруженными во время протокола. взаимодействие, такое как HTTP-заголовок (см. [RFC2616]).
  3. По умолчанию базовым URI является URI текущего документа. Не весь HTML документы имеют базовый URI (например, действительный документ HTML может появиться в электронном письме и не может быть обозначен URI). Такие HTML-документы считаются ошибочные, если они содержат относительные URI и полагаются на базовый URI по умолчанию.

Кроме того, элементы OBJECT и APPLET определяют атрибуты, которые имеют приоритет над значением, установленным элементом BASE .Пожалуйста, обратитесь к определения этих элементов для получения дополнительной информации о проблемах URI, специфичных для их.

Примечание. Для версий HTTP, которые определяют заголовок ссылки, пользовательские агенты должны обрабатывать эти заголовки точно так же, как LINK элементы в документе. HTTP 1.1, как определено в [RFC2616], не включить поле заголовка ссылки (см. раздел 19.6.3).

ссылок в документах HTML

ссылок в документах HTML

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

А Ссылка Ссылка имеет два конца — называемые якорями — и направление. Ссылка начинается с привязки «источник» и указывает на якорь «назначения», которым может быть любой веб-ресурс (например, изображение, видео клип, звуковой фрагмент, программа, документ HTML, элемент в HTML документ и т. д.).

12.1.1 Посещение связанного ресурса

Поведение по умолчанию, связанное со ссылкой, — это получение еще один Интернет-ресурс. Такое поведение обычно и неявно полученный путем выбора ссылки (например, щелчком, вводом с клавиатуры, так далее.).

Следующий отрывок HTML содержит две ссылки, одну якорь назначения — HTML-документ с именем «chapter2.html», а другой, целевой якорем которого является изображение в формате GIF в файле «forest.gif»:

<ТЕЛО>
 ... какой-то текст ... 

Вы найдете гораздо больше в главе второй . См. Также эту карту заколдованного леса.

Активировав эти ссылки (щелкнув мышью, через клавиатуру ввод, голосовые команды и т. д.), пользователи могут посещать эти ресурсы. Обратите внимание, что href Атрибут в каждом якоре источника указывает адрес якоря назначения с URI.

Якорь назначения ссылки может быть элементом в документе HTML.Якорю назначения должно быть присвоено имя якоря и любой URI, обращающийся к нему. якорь должен включать имя в качестве идентификатора фрагмента.

Целевые привязки в HTML-документах могут быть указаны либо с помощью A элемент (присвоив ему имя name attribute), или любым другим элементом (именование с атрибутом id ).

Таким образом, например, автор может создать оглавление, записи которого ссылка на элементы заголовка h3 , h4 и т. д.в том же документе. Использование элемента A для создадим якоря назначения, напишем:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение ...часть 1 ...

Немного предыстории ... раздел 2 ...

Более личное примечание ... раздел 2.1 ...

Мы можем добиться того же эффекта, сделав сами элементы заголовка якоря:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение

... раздел 1 ...

Немного предыстории

... раздел 2 ...

Более личное примечание

... раздел 2.1 ...

12.1.2 Другая ссылка отношения

Безусловно, наиболее частым использованием ссылки является получение другого веб-сайта. ресурс, как показано в предыдущих примерах.Однако авторы могут вставить ссылки в своих документах, которые выражают другие отношения между ресурсами чем просто «активируйте эту ссылку, чтобы посетить соответствующий ресурс». Ссылки, которые Для выражения других типов отношений в их исходной привязке указан один или несколько типов ссылок.

Роли ссылки, определенной A или LINK , указываются через rel и rev атрибуты.

Например, ссылки, определенные элементом LINK , могут описывать позицию документа в серии документов.В следующем отрывке ссылки в документе, озаглавленном «Глава 5» укажите на предыдущий и следующий главы:

<ГОЛОВА>
  ... другая информация о головке ... 
 Глава 5 



 

Тип первой ссылки — «предыдущая», а второй — «следующая». (два из нескольких распознанных типов ссылок). Ссылки, указанные в LINK , — это , а не , отображаемые с помощью содержимое, хотя пользовательские агенты могут отображать его другими способами (например,г., как инструменты навигации).

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

12.1.3 Задание якорей и ссылок

Хотя некоторые элементы и атрибуты HTML создают ссылки на другие ресурсы (например,г., элемент IMG , элемент Элемент FORM и т. Д.), В этой главе обсуждаются ссылки и якоря. создается элементами LINK и A . Элемент LINK может появляться только в заголовок документа. Элемент A может появляться только в теле.

Когда У элемента установлен атрибут href , элемент определяет источник привязка для ссылки, которая может быть активирована пользователем для получения веб-ресурса.Якорь источника — это местоположение экземпляра A, и якоря назначения. Интернет-ресурс.

Полученный ресурс может обрабатываться пользовательским агентом несколькими способами: открытие нового HTML-документа в том же окне пользовательского агента, открытие нового HTML документ в другом окне, запуск новой программы для обработки ресурса, и т. д. Начиная с Элемент имеет контент (текст, изображения и т. Д.), Пользовательские агенты могут отображать этот контент таким образом, чтобы указывать на наличие ссылки (например,г., автор подчеркивание содержания).

Когда установлены атрибуты name или id элемента A , элемент определяет привязку, которая может быть местом назначения других ссылок.

Авторы могут установить атрибуты name и href одновременно в тот же Экземпляр .

Элемент LINK определяет связь между текущим документом и другой ресурс. Хотя LINK не имеет содержимого, отношения, которые он определяет, могут отображаться некоторыми пользовательскими агентами.

12.1.4 Заголовки ссылок

Атрибут title может быть установлен как для A , так и для LINK на добавить информацию о характере ссылки. Эта информация может быть озвучена пользовательский агент, отображаемый как всплывающая подсказка, вызывает изменение изображения курсора и т. д.

Таким образом, мы можем дополнить предыдущий пример на предоставление заголовка для каждой ссылки:

<ТЕЛО>
  ... немного текста ... 

Вы найдете гораздо больше в главе второй . Вторую главу . См. Также карта заколдованный лес.

12.1.5 Интернационализация и ссылки

Поскольку ссылки могут указывать на документы, закодированные с использованием различных кодировок символов, A и LINK элементы поддерживают атрибут charset .Этот атрибут позволяет авторам сообщить пользовательским агентам о кодировании данных на другом конце ссылки.

Атрибут hreflang предоставляет пользовательским агентам информация о языке ресурса в конце ссылки, так же как Атрибут lang предоставляет информацию о языке содержимое элемента или значения атрибутов.

Вооруженные этими дополнительными знаниями, пользовательские агенты должны уметь избегать представление пользователю «мусора».Вместо этого они могут либо найти ресурсы необходимо для правильного оформления документа или, если они не могут найти ресурсы, они должны, по крайней мере, предупредить пользователя о том, что документ будет быть нечитаемым и объяснить причину.

12.2 Модель

Элемент

Начальный тег: требуется , Конечный тег: требуется

Определения атрибутов

имя = cdata [CS]
Этот атрибут называет текущую привязку так, чтобы она могла быть местом назначения. другой ссылки.Значение этого атрибута должно быть уникальным именем привязки. В область действия этого имени — текущий документ. Обратите внимание, что этот атрибут разделяет то же пространство имен, что и атрибут id .
href = uri [CT]
Этот атрибут определяет расположение веб-ресурса, таким образом определяя связь между текущим элементом (исходным якорем) и целевым якорем определяется этим атрибутом.
hreflang = код языка [CI]
Этот атрибут определяет базовый язык ресурса, обозначенного href и может использоваться, только если указано href .
тип = тип содержимого [CI]
Этот атрибут дает консультативную подсказку относительно типа содержимого содержимого. доступно по целевому адресу ссылки. Это позволяет пользовательским агентам выбрать использование резервный механизм вместо получения содержимого, если им сообщают, что они получат контент в типе контента, который они не поддерживают.
Авторы, использующие этот атрибут, берут на себя ответственность за управление риском того, что он может стать несовместимым с контентом, доступным по целевой ссылке адрес.
Текущий список зарегистрированных типов контента см. [MIMETYPES].
отн. = типов звеньев [CI]
Этот атрибут описывает отношение текущего документа к привязка, указанная атрибутом href . Значение этого атрибута — список типов ссылок, разделенных пробелами.
рев. = типов звеньев [CI]
Этот атрибут используется для описания обратной ссылки. от якоря, указанного href атрибут текущего документа.В Значение этого атрибута — это список типов ссылок, разделенных пробелами.
кодировка = кодировка [CI]
Этот атрибут определяет кодировку символов указанного ресурса. по ссылке. Пожалуйста, обратитесь к разделу о характере кодировки для более подробной информации.

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • форма и координата (изображение карты)
  • onfocus , onblur , onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • цель (цель информация о кадре)
  • tabindex (навигация с вкладками)
  • ключ доступа (ключи доступа)

каждый Элемент определяет якорь

  1. Модель Содержимое элемента определяет положение привязки.
  2. Атрибут name называет якорь так, чтобы он мог быть местом назначения ноль или более ссылок (см. также якоря с id ).
  3. Атрибут href делает этот якорь якорем источника ровно одного ссылка.

Авторы также могут создать элемент A , который не указывает якоря, т.е. не указывает href , название , или id . Значения этих атрибутов могут быть установить позже через скрипты.

В следующем примере Элемент определяет ссылку. Якорь источника текст «Веб-сайт W3C» и привязка назначения — «http://www.w3.org/»:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C .
 

Эта ссылка обозначает домашнюю страницу Консорциума World Wide Web. Когда пользователь активирует эту ссылку в пользовательском агенте, пользовательский агент получит ресурс, в данном случае HTML-документ.

Пользовательские агенты обычно отображают ссылки таким образом, чтобы сделать их очевидно для пользователей (подчеркивание, обратное видео и т. д.). Точный рендеринг зависит от пользовательского агента. Визуализация может варьироваться в зависимости от того, есть ли у пользователя уже заходили по ссылке или нет. Возможный визуальный рендеринг предыдущего ссылка может быть:

Для получения дополнительной информации о W3C посетите веб-сайт W3C.
                                                   ~~~~~~~~~~~~
 

Чтобы явно сообщить пользовательским агентам, какая кодировка символов целевая страница, установите кодировка атрибут:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C 
 

Предположим, мы определяем привязку с именем «anchor-one» в файле «one.html».

  ... текст перед привязкой ... 
 Это местоположение первого якоря. 
  ... текст после привязки ... 
 

Это создает привязку вокруг текста «Это местоположение привязки one. «. Обычно содержимое A не отображаются каким-либо особым образом, если A определяет только привязку.

Определив якорь, мы можем ссылаться на него с того же или другого документ. URI, обозначающие якоря, содержат символ «#», за которым следует имя привязки (фрагмент идентификатор). Вот несколько примеров таких URI:

  • Абсолютный URI: http://www.mycompany.com/one.html#anchor-one
  • Относительный URI: ./one.html#anchor-one или one.html # anchor-one
  • Если ссылка определена в том же документе: # anchor-one

Таким образом, ссылка определена в файле «два.html «в том же каталоге, что и «one.html» будет относиться к привязке следующим образом:

  ... текст перед ссылкой ... 
Для получения дополнительной информации обратитесь к  привязке .
  ... текст после ссылки ... 
 

Элемент в следующем примере указывает ссылку (с href ). и одновременно создает именованный якорь (с именем ):

Я только что вернулся из отпуска! Вот
<Имя = "якорь-два"
   href = "http: // www.somecompany.com/People/Ian/vacation/family.png ">
фото моей семьи на озере. .
 

Этот пример содержит ссылку на другой тип веб-ресурса (PNG изображение). Активация ссылки должна привести к извлечению ресурса изображения. из Интернета (и, возможно, отображается, если система настроена на выполнение так).

Примечание. Пользовательские агенты должны уметь находить якоря создается пустыми элементами A , но некоторые этого не делают. Например, какой-то пользователь агенты могут не найти «пустой якорь» в следующем фрагменте HTML:

 
... некоторый HTML ... 
 Ссылка на пустой якорь 
 

12.2.1 Синтаксис привязки имена

Имя привязки — это значение name или id атрибут при использовании в контексте якорей. Имена якорей должны соответствовать следующие правила:

  • Уникальность: Имена якорей должны быть уникален в пределах документа. Имена якорей, которые отличаются только регистром, могут не отображаться в том же документе.
  • Соответствие строк: сравнений между идентификаторами фрагментов и Имена якорей должны быть выполнены с точным (с учетом регистра) совпадением.

Таким образом, следующий пример верен в отношении сопоставления строк и пользовательские агенты должны считать совпадение:

... ... еще документ ...

...

НЕЗАКОННЫЙ ПРИМЕР:
Следующий пример недопустим в отношении уникальности, поскольку два имени такие же, за исключением корпуса:

...

...

Хотя следующий отрывок является допустимым HTML, поведение пользовательского агента не определен; некоторые пользовательские агенты могут (ошибочно) считать это совпадением и другие не могут.

... ... еще документ ...

...

Имена якорей должны быть ограничены ASCII символы. Пожалуйста, обратитесь к приложению для получения дополнительной информации о символы не-ASCII в URI значения атрибутов.

12.2.2 Вложенные ссылки недопустимы

Ссылки и якоря, определенные Элемент не должен быть вложенным; элемент A не должен содержать никаких других элементов A .

Поскольку DTD определяет LINK элемент должен быть пустым, LINK элементы также не могут быть вложенными.

12.2.3 Анкеры с

id атрибут

Атрибут id может использоваться для создания привязки в начальном теге любого элемент (включая элемент A ).

Этот пример иллюстрирует использование атрибута id для позиционирования привязки в h3 элемент. Якорь подключается через A элемент.

Подробнее об этом можно прочитать в  Разделе 2 .
  ... далее в документе 
 

Раздел второй

... далее в документе

См. Раздел два выше. Больше подробностей.

В следующем примере привязке назначения присвоено имя id атрибут:

Я только что вернулся из отпуска! Вот
 фото моей семьи на озере..
 

id и name атрибуты имеют одинаковые пространство имен. Это означает, что они не могут оба определить привязку с тем же именем в том же документе. Допустимо используйте оба атрибута, чтобы указать уникальный идентификатор элемента для следующих элементов: А , ПРИЛОЖЕНИЕ , ФОРМА , РАМА , IFRAME , IMG и MAP . Когда оба атрибута используются в одном элементе, их значения должны быть идентичный.

НЕЗАКОННЫЙ ПРИМЕР:
Следующий отрывок является недопустимым HTML, поскольку эти атрибуты декларируют одинаковые имя дважды в одном документе.

 ... 
...

... страницы и страницы ...

В следующем примере показано, что id и name должны быть одинаковыми, когда оба появляются в начальном теге элемента:

...

Из-за его спецификации в HTML DTD имя атрибут может содержать ссылки на символы.Таким образом, значение D & # xfc; rst является действительный name значение атрибута , как и D & uuml; rst. Модель id Атрибут, с другой стороны, может не содержать ссылок на символы.

Использовать id или имя ? Авторам следует учитывать следующее проблемы при принятии решения, использовать ли id или name для имени привязки:

  • Атрибут id может действовать не только как имя привязки (например,г., стиль селектор листов, идентификатор обработки и т. д.).
  • Некоторые старые пользовательские агенты не поддерживают якоря, созданные с идентификатором атрибут.
  • Атрибут name позволяет использовать более обширные имена привязок (с объектами).

12.2.4 Недоступно и неидентифицируемые ресурсы

Ссылка на недоступный или неидентифицируемый ресурс является ошибкой. Хотя пользовательские агенты могут по-разному обрабатывать такую ​​ошибку, мы рекомендуем следующее поведение:

  • Если пользовательский агент не может найти связанный ресурс, он должен предупредить Пользователь.
  • Если пользовательский агент не может определить тип связанного ресурса, он должен все еще пытаюсь обработать это. Это должно предупредить пользователя и может позволить пользователю вмешаться и определить тип документа.

12.3 Отношения между документами:

LINK элемент

Начальный тег: требуется , Конечный тег: запрещено

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • href , hreflang , тип , отн. , отн. (ссылки и якоря)
  • цель (цель информация о кадре)
  • носитель (заголовок информация о стиле)
  • кодировка (символ кодировки)

Этот элемент определяет ссылку.В отличие от A , он может появляться только в HEAD раздел документа, хотя он может появляться сколько угодно раз. Хотя LINK не имеет содержания, он передает информацию о взаимоотношениях, которая может быть отображена пользовательские агенты различными способами (например, панель инструментов с раскрывающимся меню ссылки).

Этот пример показывает, как несколько определений LINK могут появиться в HEAD раздел документа. Текущий документ — «Глава2.html «. rel атрибут определяет отношение связанного документа с текущим документ. Значения «Индекс», «Далее» и «Назад» объясняются в разделе. по типам ссылок.



<ГОЛОВА>
   Глава 2 
  
  
  

  ... остальная часть документа ... 
 

12.3.1 Прямые и обратные ссылки

Атрибуты rel и rev играют взаимодополняющие роли — атрибут rel атрибут указывает прямую ссылку, а атрибут rev указывает обратную ссылка.

Рассмотрим два документа A и B.

Документ A: 
 

Имеет то же значение, что и:

Документ Б: 
 

Оба атрибута могут быть указаны одновременно.

12.3.2 Ссылки и внешние таблицы стилей

Когда Элемент LINK связывает внешнюю таблицу стилей с документом, Атрибут type определяет язык таблицы стилей, а атрибут Атрибут media определяет предполагаемую среду визуализации или мультимедиа. Пользовательские агенты могут сэкономить время, получая из сети только те стили листы, относящиеся к текущему устройству.

Типы носителей далее обсуждается в разделе о таблицах стилей.

12.3.3 Ссылки и поисковые системы

Авторы могут использовать элемент LINK для предоставления различной информации поисковики, в том числе:

  • Ссылки на альтернативные версии документа, написанные другим человеком язык.
  • Ссылки на альтернативные версии документа, предназначенные для различных носителей, например, версия, особенно подходящая для печати.
  • Ссылка на начальную страницу коллекции документов.

Примеры ниже иллюстрируют, как информация о языке, типах мультимедиа и типы ссылок могут быть объединены для улучшения обработки документов поисковыми системами.

В следующем примере мы используем атрибут hreflang , чтобы сообщить поиску поисковые системы, где можно найти версии документа на голландском, португальском и арабском языках. Обратите внимание на использование атрибута charset в руководстве на арабском языке. Обратите внимание также на использование lang , чтобы указать, что значение заголовка Атрибут для элемента LINK , обозначающего французское руководство, находится на французском языке.

<ГОЛОВА>
 Руководство на английском языке 





 

В следующем примере мы сообщаем поисковым системам, где найти напечатанный версия руководства.

<ГОЛОВА>
 Справочное руководство 


 

В следующем примере мы сообщаем поисковым системам, где найти переднюю страница сборника документов.

<ГОЛОВА>
 Справочное руководство - стр. 5 


 

Дополнительная информация содержится в примечаниях в приложении о том, как помочь поисковым системам индексировать ваш Интернет. сайт.

12.4 Информация о пути: элемент

BASE
 BASE  - O EMPTY - базовый URI документа ->
 href % URI; # ОБЯЗАТЕЛЬНО - URI, который действует как базовый URI -
  >
 

Начальный тег: требуется , Конечный тег: запрещено

Определения атрибутов

href = uri [CT]
Этот атрибут определяет абсолютный URI, который действует как базовый URI для разрешение относительных URI.

Атрибуты, определенные в другом месте

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

Если присутствует, элемент BASE должен появиться в HEAD раздел HTML-документа перед любым элементом, который ссылается на внешний источник.Информация о пути, указанная элементом BASE , влияет только на URI в документ, в котором появляется элемент.

Например, учитывая следующую декларацию BASE и A декларация:



 <ГОЛОВА>
    Наши продукты 
   
 

 <ТЕЛО>
   

Вы видели наш Клетки для птиц ?

относительный URI «../cages/birds.gif» будет преобразован в:

http://www.aviary.com/cages/birds.gif
 

12.4.1 Разрешение относительных URI

Пользовательские агенты должны вычислять базовый URI для разрешения относительных URI согласно [RFC1808], раздел 3. Ниже описывается, как [RFC1808] применяется конкретно к HTML.

Пользовательские агенты должны вычислять базовый URI в соответствии со следующим приоритеты (от высшего приоритета к низшему):

  1. Базовый URI устанавливается BASE элемент.
  2. Базовый URI задается метаданными, обнаруженными во время протокола. взаимодействие, такое как HTTP-заголовок (см. [RFC2616]).
  3. По умолчанию базовым URI является URI текущего документа. Не весь HTML документы имеют базовый URI (например, действительный документ HTML может появиться в электронном письме и не может быть обозначен URI). Такие HTML-документы считаются ошибочные, если они содержат относительные URI и полагаются на базовый URI по умолчанию.

Кроме того, элементы OBJECT и APPLET определяют атрибуты, которые имеют приоритет над значением, установленным элементом BASE .Пожалуйста, обратитесь к определения этих элементов для получения дополнительной информации о проблемах URI, специфичных для их.

Примечание. Для версий HTTP, которые определяют заголовок ссылки, пользовательские агенты должны обрабатывать эти заголовки точно так же, как LINK элементы в документе. HTTP 1.1, как определено в [RFC2616], не включить поле заголовка ссылки (см. раздел 19.6.3).

ссылок в документах HTML

ссылок в документах HTML

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

А Ссылка Ссылка имеет два конца — называемые якорями — и направление. Ссылка начинается с привязки «источник» и указывает на якорь «назначения», которым может быть любой веб-ресурс (например, изображение, видео клип, звуковой фрагмент, программа, документ HTML, элемент в HTML документ и т. д.).

12.1.1 Посещение связанного ресурса

Поведение по умолчанию, связанное со ссылкой, — это получение еще один Интернет-ресурс. Такое поведение обычно и неявно полученный путем выбора ссылки (например, щелчком, вводом с клавиатуры, так далее.).

Следующий отрывок HTML содержит две ссылки, одну якорь назначения — HTML-документ с именем «chapter2.html», а другой, целевой якорем которого является изображение в формате GIF в файле «forest.gif»:

<ТЕЛО>
 ... какой-то текст ... 

Вы найдете гораздо больше в главе второй . См. Также эту карту заколдованного леса.

Активировав эти ссылки (щелкнув мышью, через клавиатуру ввод, голосовые команды и т. д.), пользователи могут посещать эти ресурсы. Обратите внимание, что href Атрибут в каждом якоре источника указывает адрес якоря назначения с URI.

Якорь назначения ссылки может быть элементом в документе HTML.Якорю назначения должно быть присвоено имя якоря и любой URI, обращающийся к нему. якорь должен включать имя в качестве идентификатора фрагмента.

Целевые привязки в HTML-документах могут быть указаны либо с помощью A элемент (присвоив ему имя name attribute), или любым другим элементом (именование с атрибутом id ).

Таким образом, например, автор может создать оглавление, записи которого ссылка на элементы заголовка h3 , h4 и т. д.в том же документе. Использование элемента A для создадим якоря назначения, напишем:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение ...часть 1 ...

Немного предыстории ... раздел 2 ...

Более личное примечание ... раздел 2.1 ...

Мы можем добиться того же эффекта, сделав сами элементы заголовка якоря:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение

... раздел 1 ...

Немного предыстории

... раздел 2 ...

Более личное примечание

... раздел 2.1 ...

12.1.2 Другая ссылка отношения

Безусловно, наиболее частым использованием ссылки является получение другого веб-сайта. ресурс, как показано в предыдущих примерах.Однако авторы могут вставить ссылки в своих документах, которые выражают другие отношения между ресурсами чем просто «активируйте эту ссылку, чтобы посетить соответствующий ресурс». Ссылки, которые Для выражения других типов отношений в их исходной привязке указан один или несколько типов ссылок.

Роли ссылки, определенной A или LINK , указываются через rel и rev атрибуты.

Например, ссылки, определенные элементом LINK , могут описывать позицию документа в серии документов.В следующем отрывке ссылки в документе, озаглавленном «Глава 5» укажите на предыдущий и следующий главы:

<ГОЛОВА>
  ... другая информация о головке ... 
 Глава 5 



 

Тип первой ссылки — «предыдущая», а второй — «следующая». (два из нескольких распознанных типов ссылок). Ссылки, указанные в LINK , — это , а не , отображаемые с помощью содержимое, хотя пользовательские агенты могут отображать его другими способами (например,г., как инструменты навигации).

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

12.1.3 Задание якорей и ссылок

Хотя некоторые элементы и атрибуты HTML создают ссылки на другие ресурсы (например,г., элемент IMG , элемент Элемент FORM и т. Д.), В этой главе обсуждаются ссылки и якоря. создается элементами LINK и A . Элемент LINK может появляться только в заголовок документа. Элемент A может появляться только в теле.

Когда У элемента установлен атрибут href , элемент определяет источник привязка для ссылки, которая может быть активирована пользователем для получения веб-ресурса.Якорь источника — это местоположение экземпляра A, и якоря назначения. Интернет-ресурс.

Полученный ресурс может обрабатываться пользовательским агентом несколькими способами: открытие нового HTML-документа в том же окне пользовательского агента, открытие нового HTML документ в другом окне, запуск новой программы для обработки ресурса, и т. д. Начиная с Элемент имеет контент (текст, изображения и т. Д.), Пользовательские агенты могут отображать этот контент таким образом, чтобы указывать на наличие ссылки (например,г., автор подчеркивание содержания).

Когда установлены атрибуты name или id элемента A , элемент определяет привязку, которая может быть местом назначения других ссылок.

Авторы могут установить атрибуты name и href одновременно в тот же Экземпляр .

Элемент LINK определяет связь между текущим документом и другой ресурс. Хотя LINK не имеет содержимого, отношения, которые он определяет, могут отображаться некоторыми пользовательскими агентами.

12.1.4 Заголовки ссылок

Атрибут title может быть установлен как для A , так и для LINK на добавить информацию о характере ссылки. Эта информация может быть озвучена пользовательский агент, отображаемый как всплывающая подсказка, вызывает изменение изображения курсора и т. д.

Таким образом, мы можем дополнить предыдущий пример на предоставление заголовка для каждой ссылки:

<ТЕЛО>
  ... немного текста ... 

Вы найдете гораздо больше в главе второй . Вторую главу . См. Также карта заколдованный лес.

12.1.5 Интернационализация и ссылки

Поскольку ссылки могут указывать на документы, закодированные с использованием различных кодировок символов, A и LINK элементы поддерживают атрибут charset .Этот атрибут позволяет авторам сообщить пользовательским агентам о кодировании данных на другом конце ссылки.

Атрибут hreflang предоставляет пользовательским агентам информация о языке ресурса в конце ссылки, так же как Атрибут lang предоставляет информацию о языке содержимое элемента или значения атрибутов.

Вооруженные этими дополнительными знаниями, пользовательские агенты должны уметь избегать представление пользователю «мусора».Вместо этого они могут либо найти ресурсы необходимо для правильного оформления документа или, если они не могут найти ресурсы, они должны, по крайней мере, предупредить пользователя о том, что документ будет быть нечитаемым и объяснить причину.

12.2 Модель

Элемент

Начальный тег: требуется , Конечный тег: требуется

Определения атрибутов

имя = cdata [CS]
Этот атрибут называет текущую привязку так, чтобы она могла быть местом назначения. другой ссылки.Значение этого атрибута должно быть уникальным именем привязки. В область действия этого имени — текущий документ. Обратите внимание, что этот атрибут разделяет то же пространство имен, что и атрибут id .
href = uri [CT]
Этот атрибут определяет расположение веб-ресурса, таким образом определяя связь между текущим элементом (исходным якорем) и целевым якорем определяется этим атрибутом.
hreflang = код языка [CI]
Этот атрибут определяет базовый язык ресурса, обозначенного href и может использоваться, только если указано href .
тип = тип содержимого [CI]
Этот атрибут дает консультативную подсказку относительно типа содержимого содержимого. доступно по целевому адресу ссылки. Это позволяет пользовательским агентам выбрать использование резервный механизм вместо получения содержимого, если им сообщают, что они получат контент в типе контента, который они не поддерживают.
Авторы, использующие этот атрибут, берут на себя ответственность за управление риском того, что он может стать несовместимым с контентом, доступным по целевой ссылке адрес.
Текущий список зарегистрированных типов контента см. [MIMETYPES].
отн. = типов звеньев [CI]
Этот атрибут описывает отношение текущего документа к привязка, указанная атрибутом href . Значение этого атрибута — список типов ссылок, разделенных пробелами.
рев. = типов звеньев [CI]
Этот атрибут используется для описания обратной ссылки. от якоря, указанного href атрибут текущего документа.В Значение этого атрибута — это список типов ссылок, разделенных пробелами.
кодировка = кодировка [CI]
Этот атрибут определяет кодировку символов указанного ресурса. по ссылке. Пожалуйста, обратитесь к разделу о характере кодировки для более подробной информации.

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • форма и координата (изображение карты)
  • onfocus , onblur , onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • цель (цель информация о кадре)
  • tabindex (навигация с вкладками)
  • ключ доступа (ключи доступа)

каждый Элемент определяет якорь

  1. Модель Содержимое элемента определяет положение привязки.
  2. Атрибут name называет якорь так, чтобы он мог быть местом назначения ноль или более ссылок (см. также якоря с id ).
  3. Атрибут href делает этот якорь якорем источника ровно одного ссылка.

Авторы также могут создать элемент A , который не указывает якоря, т.е. не указывает href , название , или id . Значения этих атрибутов могут быть установить позже через скрипты.

В следующем примере Элемент определяет ссылку. Якорь источника текст «Веб-сайт W3C» и привязка назначения — «http://www.w3.org/»:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C .
 

Эта ссылка обозначает домашнюю страницу Консорциума World Wide Web. Когда пользователь активирует эту ссылку в пользовательском агенте, пользовательский агент получит ресурс, в данном случае HTML-документ.

Пользовательские агенты обычно отображают ссылки таким образом, чтобы сделать их очевидно для пользователей (подчеркивание, обратное видео и т. д.). Точный рендеринг зависит от пользовательского агента. Визуализация может варьироваться в зависимости от того, есть ли у пользователя уже заходили по ссылке или нет. Возможный визуальный рендеринг предыдущего ссылка может быть:

Для получения дополнительной информации о W3C посетите веб-сайт W3C.
                                                   ~~~~~~~~~~~~
 

Чтобы явно сообщить пользовательским агентам, какая кодировка символов целевая страница, установите кодировка атрибут:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C 
 

Предположим, мы определяем привязку с именем «anchor-one» в файле «one.html».

  ... текст перед привязкой ... 
 Это местоположение первого якоря. 
  ... текст после привязки ... 
 

Это создает привязку вокруг текста «Это местоположение привязки one. «. Обычно содержимое A не отображаются каким-либо особым образом, если A определяет только привязку.

Определив якорь, мы можем ссылаться на него с того же или другого документ. URI, обозначающие якоря, содержат символ «#», за которым следует имя привязки (фрагмент идентификатор). Вот несколько примеров таких URI:

  • Абсолютный URI: http://www.mycompany.com/one.html#anchor-one
  • Относительный URI: ./one.html#anchor-one или one.html # anchor-one
  • Если ссылка определена в том же документе: # anchor-one

Таким образом, ссылка определена в файле «два.html «в том же каталоге, что и «one.html» будет относиться к привязке следующим образом:

  ... текст перед ссылкой ... 
Для получения дополнительной информации обратитесь к  привязке .
  ... текст после ссылки ... 
 

Элемент в следующем примере указывает ссылку (с href ). и одновременно создает именованный якорь (с именем ):

Я только что вернулся из отпуска! Вот
<Имя = "якорь-два"
   href = "http: // www.somecompany.com/People/Ian/vacation/family.png ">
фото моей семьи на озере. .
 

Этот пример содержит ссылку на другой тип веб-ресурса (PNG изображение). Активация ссылки должна привести к извлечению ресурса изображения. из Интернета (и, возможно, отображается, если система настроена на выполнение так).

Примечание. Пользовательские агенты должны уметь находить якоря создается пустыми элементами A , но некоторые этого не делают. Например, какой-то пользователь агенты могут не найти «пустой якорь» в следующем фрагменте HTML:

 
... некоторый HTML ... 
 Ссылка на пустой якорь 
 

12.2.1 Синтаксис привязки имена

Имя привязки — это значение name или id атрибут при использовании в контексте якорей. Имена якорей должны соответствовать следующие правила:

  • Уникальность: Имена якорей должны быть уникален в пределах документа. Имена якорей, которые отличаются только регистром, могут не отображаться в том же документе.
  • Соответствие строк: сравнений между идентификаторами фрагментов и Имена якорей должны быть выполнены с точным (с учетом регистра) совпадением.

Таким образом, следующий пример верен в отношении сопоставления строк и пользовательские агенты должны считать совпадение:

... ... еще документ ...

...

НЕЗАКОННЫЙ ПРИМЕР:
Следующий пример недопустим в отношении уникальности, поскольку два имени такие же, за исключением корпуса:

...

...

Хотя следующий отрывок является допустимым HTML, поведение пользовательского агента не определен; некоторые пользовательские агенты могут (ошибочно) считать это совпадением и другие не могут.

... ... еще документ ...

...

Имена якорей должны быть ограничены ASCII символы. Пожалуйста, обратитесь к приложению для получения дополнительной информации о символы не-ASCII в URI значения атрибутов.

12.2.2 Вложенные ссылки недопустимы

Ссылки и якоря, определенные Элемент не должен быть вложенным; элемент A не должен содержать никаких других элементов A .

Поскольку DTD определяет LINK элемент должен быть пустым, LINK элементы также не могут быть вложенными.

12.2.3 Анкеры с

id атрибут

Атрибут id может использоваться для создания привязки в начальном теге любого элемент (включая элемент A ).

Этот пример иллюстрирует использование атрибута id для позиционирования привязки в h3 элемент. Якорь подключается через A элемент.

Подробнее об этом можно прочитать в  Разделе 2 .
  ... далее в документе 
 

Раздел второй

... далее в документе

См. Раздел два выше. Больше подробностей.

В следующем примере привязке назначения присвоено имя id атрибут:

Я только что вернулся из отпуска! Вот
 фото моей семьи на озере..
 

id и name атрибуты имеют одинаковые пространство имен. Это означает, что они не могут оба определить привязку с тем же именем в том же документе. Допустимо используйте оба атрибута, чтобы указать уникальный идентификатор элемента для следующих элементов: А , ПРИЛОЖЕНИЕ , ФОРМА , РАМА , IFRAME , IMG и MAP . Когда оба атрибута используются в одном элементе, их значения должны быть идентичный.

НЕЗАКОННЫЙ ПРИМЕР:
Следующий отрывок является недопустимым HTML, поскольку эти атрибуты декларируют одинаковые имя дважды в одном документе.

 ... 
...

... страницы и страницы ...

В следующем примере показано, что id и name должны быть одинаковыми, когда оба появляются в начальном теге элемента:

...

Из-за его спецификации в HTML DTD имя атрибут может содержать ссылки на символы.Таким образом, значение D & # xfc; rst является действительный name значение атрибута , как и D & uuml; rst. Модель id Атрибут, с другой стороны, может не содержать ссылок на символы.

Использовать id или имя ? Авторам следует учитывать следующее проблемы при принятии решения, использовать ли id или name для имени привязки:

  • Атрибут id может действовать не только как имя привязки (например,г., стиль селектор листов, идентификатор обработки и т. д.).
  • Некоторые старые пользовательские агенты не поддерживают якоря, созданные с идентификатором атрибут.
  • Атрибут name позволяет использовать более обширные имена привязок (с объектами).

12.2.4 Недоступно и неидентифицируемые ресурсы

Ссылка на недоступный или неидентифицируемый ресурс является ошибкой. Хотя пользовательские агенты могут по-разному обрабатывать такую ​​ошибку, мы рекомендуем следующее поведение:

  • Если пользовательский агент не может найти связанный ресурс, он должен предупредить Пользователь.
  • Если пользовательский агент не может определить тип связанного ресурса, он должен все еще пытаюсь обработать это. Это должно предупредить пользователя и может позволить пользователю вмешаться и определить тип документа.

12.3 Отношения между документами:

LINK элемент

Начальный тег: требуется , Конечный тег: запрещено

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • href , hreflang , тип , отн. , отн. (ссылки и якоря)
  • цель (цель информация о кадре)
  • носитель (заголовок информация о стиле)
  • кодировка (символ кодировки)

Этот элемент определяет ссылку.В отличие от A , он может появляться только в HEAD раздел документа, хотя он может появляться сколько угодно раз. Хотя LINK не имеет содержания, он передает информацию о взаимоотношениях, которая может быть отображена пользовательские агенты различными способами (например, панель инструментов с раскрывающимся меню ссылки).

Этот пример показывает, как несколько определений LINK могут появиться в HEAD раздел документа. Текущий документ — «Глава2.html «. rel атрибут определяет отношение связанного документа с текущим документ. Значения «Индекс», «Далее» и «Назад» объясняются в разделе. по типам ссылок.



<ГОЛОВА>
   Глава 2 
  
  
  

  ... остальная часть документа ... 
 

12.3.1 Прямые и обратные ссылки

Атрибуты rel и rev играют взаимодополняющие роли — атрибут rel атрибут указывает прямую ссылку, а атрибут rev указывает обратную ссылка.

Рассмотрим два документа A и B.

Документ A: 
 

Имеет то же значение, что и:

Документ Б: 
 

Оба атрибута могут быть указаны одновременно.

12.3.2 Ссылки и внешние таблицы стилей

Когда Элемент LINK связывает внешнюю таблицу стилей с документом, Атрибут type определяет язык таблицы стилей, а атрибут Атрибут media определяет предполагаемую среду визуализации или мультимедиа. Пользовательские агенты могут сэкономить время, получая из сети только те стили листы, относящиеся к текущему устройству.

Типы носителей далее обсуждается в разделе о таблицах стилей.

12.3.3 Ссылки и поисковые системы

Авторы могут использовать элемент LINK для предоставления различной информации поисковики, в том числе:

  • Ссылки на альтернативные версии документа, написанные другим человеком язык.
  • Ссылки на альтернативные версии документа, предназначенные для различных носителей, например, версия, особенно подходящая для печати.
  • Ссылка на начальную страницу коллекции документов.

Примеры ниже иллюстрируют, как информация о языке, типах мультимедиа и типы ссылок могут быть объединены для улучшения обработки документов поисковыми системами.

В следующем примере мы используем атрибут hreflang , чтобы сообщить поиску поисковые системы, где можно найти версии документа на голландском, португальском и арабском языках. Обратите внимание на использование атрибута charset в руководстве на арабском языке. Обратите внимание также на использование lang , чтобы указать, что значение заголовка Атрибут для элемента LINK , обозначающего французское руководство, находится на французском языке.

<ГОЛОВА>
 Руководство на английском языке 





 

В следующем примере мы сообщаем поисковым системам, где найти напечатанный версия руководства.

<ГОЛОВА>
 Справочное руководство 


 

В следующем примере мы сообщаем поисковым системам, где найти переднюю страница сборника документов.

<ГОЛОВА>
 Справочное руководство - стр. 5 


 

Дополнительная информация содержится в примечаниях в приложении о том, как помочь поисковым системам индексировать ваш Интернет. сайт.

12.4 Информация о пути: элемент

BASE
 BASE  - O EMPTY - базовый URI документа ->
 href % URI; # ОБЯЗАТЕЛЬНО - URI, который действует как базовый URI -
  >
 

Начальный тег: требуется , Конечный тег: запрещено

Определения атрибутов

href = uri [CT]
Этот атрибут определяет абсолютный URI, который действует как базовый URI для разрешение относительных URI.

Атрибуты, определенные в другом месте

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

Если присутствует, элемент BASE должен появиться в HEAD раздел HTML-документа перед любым элементом, который ссылается на внешний источник.Информация о пути, указанная элементом BASE , влияет только на URI в документ, в котором появляется элемент.

Например, учитывая следующую декларацию BASE и A декларация:



 <ГОЛОВА>
    Наши продукты 
   
 

 <ТЕЛО>
   

Вы видели наш Клетки для птиц ?

относительный URI «../cages/birds.gif» будет преобразован в:

http://www.aviary.com/cages/birds.gif
 

12.4.1 Разрешение относительных URI

Пользовательские агенты должны вычислять базовый URI для разрешения относительных URI согласно [RFC1808], раздел 3. Ниже описывается, как [RFC1808] применяется конкретно к HTML.

Пользовательские агенты должны вычислять базовый URI в соответствии со следующим приоритеты (от высшего приоритета к низшему):

  1. Базовый URI устанавливается BASE элемент.
  2. Базовый URI задается метаданными, обнаруженными во время протокола. взаимодействие, такое как HTTP-заголовок (см. [RFC2616]).
  3. По умолчанию базовым URI является URI текущего документа. Не весь HTML документы имеют базовый URI (например, действительный документ HTML может появиться в электронном письме и не может быть обозначен URI). Такие HTML-документы считаются ошибочные, если они содержат относительные URI и полагаются на базовый URI по умолчанию.

Кроме того, элементы OBJECT и APPLET определяют атрибуты, которые имеют приоритет над значением, установленным элементом BASE .Пожалуйста, обратитесь к определения этих элементов для получения дополнительной информации о проблемах URI, специфичных для их.

Примечание. Для версий HTTP, которые определяют заголовок ссылки, пользовательские агенты должны обрабатывать эти заголовки точно так же, как LINK элементы в документе. HTTP 1.1, как определено в [RFC2616], не включить поле заголовка ссылки (см. раздел 19.6.3).

ссылок в документах HTML

ссылок в документах HTML

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

А Ссылка Ссылка имеет два конца — называемые якорями — и направление. Ссылка начинается с привязки «источник» и указывает на якорь «назначения», которым может быть любой веб-ресурс (например, изображение, видео клип, звуковой фрагмент, программа, документ HTML, элемент в HTML документ и т. д.).

12.1.1 Посещение связанного ресурса

Поведение по умолчанию, связанное со ссылкой, — это получение еще один Интернет-ресурс. Такое поведение обычно и неявно полученный путем выбора ссылки (например, щелчком, вводом с клавиатуры, так далее.).

Следующий отрывок HTML содержит две ссылки, одну якорь назначения — HTML-документ с именем «chapter2.html», а другой, целевой якорем которого является изображение в формате GIF в файле «forest.gif»:

<ТЕЛО>
 ... какой-то текст ... 

Вы найдете гораздо больше в главе второй . См. Также эту карту заколдованного леса.

Активировав эти ссылки (щелкнув мышью, через клавиатуру ввод, голосовые команды и т. д.), пользователи могут посещать эти ресурсы. Обратите внимание, что href Атрибут в каждом якоре источника указывает адрес якоря назначения с URI.

Якорь назначения ссылки может быть элементом в документе HTML.Якорю назначения должно быть присвоено имя якоря и любой URI, обращающийся к нему. якорь должен включать имя в качестве идентификатора фрагмента.

Целевые привязки в HTML-документах могут быть указаны либо с помощью A элемент (присвоив ему имя name attribute), или любым другим элементом (именование с атрибутом id ).

Таким образом, например, автор может создать оглавление, записи которого ссылка на элементы заголовка h3 , h4 и т. д.в том же документе. Использование элемента A для создадим якоря назначения, напишем:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение ...часть 1 ...

Немного предыстории ... раздел 2 ...

Более личное примечание ... раздел 2.1 ...

Мы можем добиться того же эффекта, сделав сами элементы заголовка якоря:

 

Содержание

Введение
Немного предыстории
Более личное примечание
... остальная часть содержания ... ... тело документа ...

Введение

... раздел 1 ...

Немного предыстории

... раздел 2 ...

Более личное примечание

... раздел 2.1 ...

12.1.2 Другая ссылка отношения

Безусловно, наиболее частым использованием ссылки является получение другого веб-сайта. ресурс, как показано в предыдущих примерах.Однако авторы могут вставить ссылки в своих документах, которые выражают другие отношения между ресурсами чем просто «активируйте эту ссылку, чтобы посетить соответствующий ресурс». Ссылки, которые Для выражения других типов отношений в их исходной привязке указан один или несколько типов ссылок.

Роли ссылки, определенной A или LINK , указываются через rel и rev атрибуты.

Например, ссылки, определенные элементом LINK , могут описывать позицию документа в серии документов.В следующем отрывке ссылки в документе, озаглавленном «Глава 5» укажите на предыдущий и следующий главы:

<ГОЛОВА>
  ... другая информация о головке ... 
 Глава 5 



 

Тип первой ссылки — «предыдущая», а второй — «следующая». (два из нескольких распознанных типов ссылок). Ссылки, указанные в LINK , — это , а не , отображаемые с помощью содержимое, хотя пользовательские агенты могут отображать его другими способами (например,г., как инструменты навигации).

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

12.1.3 Задание якорей и ссылок

Хотя некоторые элементы и атрибуты HTML создают ссылки на другие ресурсы (например,г., элемент IMG , элемент Элемент FORM и т. Д.), В этой главе обсуждаются ссылки и якоря. создается элементами LINK и A . Элемент LINK может появляться только в заголовок документа. Элемент A может появляться только в теле.

Когда У элемента установлен атрибут href , элемент определяет источник привязка для ссылки, которая может быть активирована пользователем для получения веб-ресурса.Якорь источника — это местоположение экземпляра A, и якоря назначения. Интернет-ресурс.

Полученный ресурс может обрабатываться пользовательским агентом несколькими способами: открытие нового HTML-документа в том же окне пользовательского агента, открытие нового HTML документ в другом окне, запуск новой программы для обработки ресурса, и т. д. Начиная с Элемент имеет контент (текст, изображения и т. Д.), Пользовательские агенты могут отображать этот контент таким образом, чтобы указывать на наличие ссылки (например,г., автор подчеркивание содержания).

Когда установлены атрибуты name или id элемента A , элемент определяет привязку, которая может быть местом назначения других ссылок.

Авторы могут установить атрибуты name и href одновременно в тот же Экземпляр .

Элемент LINK определяет связь между текущим документом и другой ресурс. Хотя LINK не имеет содержимого, отношения, которые он определяет, могут отображаться некоторыми пользовательскими агентами.

12.1.4 Заголовки ссылок

Атрибут title может быть установлен как для A , так и для LINK на добавить информацию о характере ссылки. Эта информация может быть озвучена пользовательский агент, отображаемый как всплывающая подсказка, вызывает изменение изображения курсора и т. д.

Таким образом, мы можем дополнить предыдущий пример на предоставление заголовка для каждой ссылки:

<ТЕЛО>
  ... немного текста ... 

Вы найдете гораздо больше в главе второй . Вторую главу . См. Также карта заколдованный лес.

12.1.5 Интернационализация и ссылки

Поскольку ссылки могут указывать на документы, закодированные с использованием различных кодировок символов, A и LINK элементы поддерживают атрибут charset .Этот атрибут позволяет авторам сообщить пользовательским агентам о кодировании данных на другом конце ссылки.

Атрибут hreflang предоставляет пользовательским агентам информация о языке ресурса в конце ссылки, так же как Атрибут lang предоставляет информацию о языке содержимое элемента или значения атрибутов.

Вооруженные этими дополнительными знаниями, пользовательские агенты должны уметь избегать представление пользователю «мусора».Вместо этого они могут либо найти ресурсы необходимо для правильного оформления документа или, если они не могут найти ресурсы, они должны, по крайней мере, предупредить пользователя о том, что документ будет быть нечитаемым и объяснить причину.

12.2 Модель

Элемент

Начальный тег: требуется , Конечный тег: требуется

Определения атрибутов

имя = cdata [CS]
Этот атрибут называет текущую привязку так, чтобы она могла быть местом назначения. другой ссылки.Значение этого атрибута должно быть уникальным именем привязки. В область действия этого имени — текущий документ. Обратите внимание, что этот атрибут разделяет то же пространство имен, что и атрибут id .
href = uri [CT]
Этот атрибут определяет расположение веб-ресурса, таким образом определяя связь между текущим элементом (исходным якорем) и целевым якорем определяется этим атрибутом.
hreflang = код языка [CI]
Этот атрибут определяет базовый язык ресурса, обозначенного href и может использоваться, только если указано href .
тип = тип содержимого [CI]
Этот атрибут дает консультативную подсказку относительно типа содержимого содержимого. доступно по целевому адресу ссылки. Это позволяет пользовательским агентам выбрать использование резервный механизм вместо получения содержимого, если им сообщают, что они получат контент в типе контента, который они не поддерживают.
Авторы, использующие этот атрибут, берут на себя ответственность за управление риском того, что он может стать несовместимым с контентом, доступным по целевой ссылке адрес.
Текущий список зарегистрированных типов контента см. [MIMETYPES].
отн. = типов звеньев [CI]
Этот атрибут описывает отношение текущего документа к привязка, указанная атрибутом href . Значение этого атрибута — список типов ссылок, разделенных пробелами.
рев. = типов звеньев [CI]
Этот атрибут используется для описания обратной ссылки. от якоря, указанного href атрибут текущего документа.В Значение этого атрибута — это список типов ссылок, разделенных пробелами.
кодировка = кодировка [CI]
Этот атрибут определяет кодировку символов указанного ресурса. по ссылке. Пожалуйста, обратитесь к разделу о характере кодировки для более подробной информации.

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • форма и координата (изображение карты)
  • onfocus , onblur , onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • цель (цель информация о кадре)
  • tabindex (навигация с вкладками)
  • ключ доступа (ключи доступа)

каждый Элемент определяет якорь

  1. Модель Содержимое элемента определяет положение привязки.
  2. Атрибут name называет якорь так, чтобы он мог быть местом назначения ноль или более ссылок (см. также якоря с id ).
  3. Атрибут href делает этот якорь якорем источника ровно одного ссылка.

Авторы также могут создать элемент A , который не указывает якоря, т.е. не указывает href , название , или id . Значения этих атрибутов могут быть установить позже через скрипты.

В следующем примере Элемент определяет ссылку. Якорь источника текст «Веб-сайт W3C» и привязка назначения — «http://www.w3.org/»:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C .
 

Эта ссылка обозначает домашнюю страницу Консорциума World Wide Web. Когда пользователь активирует эту ссылку в пользовательском агенте, пользовательский агент получит ресурс, в данном случае HTML-документ.

Пользовательские агенты обычно отображают ссылки таким образом, чтобы сделать их очевидно для пользователей (подчеркивание, обратное видео и т. д.). Точный рендеринг зависит от пользовательского агента. Визуализация может варьироваться в зависимости от того, есть ли у пользователя уже заходили по ссылке или нет. Возможный визуальный рендеринг предыдущего ссылка может быть:

Для получения дополнительной информации о W3C посетите веб-сайт W3C.
                                                   ~~~~~~~~~~~~
 

Чтобы явно сообщить пользовательским агентам, какая кодировка символов целевая страница, установите кодировка атрибут:

Для получения дополнительной информации о W3C, пожалуйста, обратитесь к
 Веб-сайт W3C 
 

Предположим, мы определяем привязку с именем «anchor-one» в файле «one.html».

  ... текст перед привязкой ... 
 Это местоположение первого якоря. 
  ... текст после привязки ... 
 

Это создает привязку вокруг текста «Это местоположение привязки one. «. Обычно содержимое A не отображаются каким-либо особым образом, если A определяет только привязку.

Определив якорь, мы можем ссылаться на него с того же или другого документ. URI, обозначающие якоря, содержат символ «#», за которым следует имя привязки (фрагмент идентификатор). Вот несколько примеров таких URI:

  • Абсолютный URI: http://www.mycompany.com/one.html#anchor-one
  • Относительный URI: ./one.html#anchor-one или one.html # anchor-one
  • Если ссылка определена в том же документе: # anchor-one

Таким образом, ссылка определена в файле «два.html «в том же каталоге, что и «one.html» будет относиться к привязке следующим образом:

  ... текст перед ссылкой ... 
Для получения дополнительной информации обратитесь к  привязке .
  ... текст после ссылки ... 
 

Элемент в следующем примере указывает ссылку (с href ). и одновременно создает именованный якорь (с именем ):

Я только что вернулся из отпуска! Вот
<Имя = "якорь-два"
   href = "http: // www.somecompany.com/People/Ian/vacation/family.png ">
фото моей семьи на озере. .
 

Этот пример содержит ссылку на другой тип веб-ресурса (PNG изображение). Активация ссылки должна привести к извлечению ресурса изображения. из Интернета (и, возможно, отображается, если система настроена на выполнение так).

Примечание. Пользовательские агенты должны уметь находить якоря создается пустыми элементами A , но некоторые этого не делают. Например, какой-то пользователь агенты могут не найти «пустой якорь» в следующем фрагменте HTML:

 
... некоторый HTML ... 
 Ссылка на пустой якорь 
 

12.2.1 Синтаксис привязки имена

Имя привязки — это значение name или id атрибут при использовании в контексте якорей. Имена якорей должны соответствовать следующие правила:

  • Уникальность: Имена якорей должны быть уникален в пределах документа. Имена якорей, которые отличаются только регистром, могут не отображаться в том же документе.
  • Соответствие строк: сравнений между идентификаторами фрагментов и Имена якорей должны быть выполнены с точным (с учетом регистра) совпадением.

Таким образом, следующий пример верен в отношении сопоставления строк и пользовательские агенты должны считать совпадение:

... ... еще документ ...

...

НЕЗАКОННЫЙ ПРИМЕР:
Следующий пример недопустим в отношении уникальности, поскольку два имени такие же, за исключением корпуса:

...

...

Хотя следующий отрывок является допустимым HTML, поведение пользовательского агента не определен; некоторые пользовательские агенты могут (ошибочно) считать это совпадением и другие не могут.

... ... еще документ ...

...

Имена якорей должны быть ограничены ASCII символы. Пожалуйста, обратитесь к приложению для получения дополнительной информации о символы не-ASCII в URI значения атрибутов.

12.2.2 Вложенные ссылки недопустимы

Ссылки и якоря, определенные Элемент не должен быть вложенным; элемент A не должен содержать никаких других элементов A .

Поскольку DTD определяет LINK элемент должен быть пустым, LINK элементы также не могут быть вложенными.

12.2.3 Анкеры с

id атрибут

Атрибут id может использоваться для создания привязки в начальном теге любого элемент (включая элемент A ).

Этот пример иллюстрирует использование атрибута id для позиционирования привязки в h3 элемент. Якорь подключается через A элемент.

Подробнее об этом можно прочитать в  Разделе 2 .
  ... далее в документе 
 

Раздел второй

... далее в документе

См. Раздел два выше. Больше подробностей.

В следующем примере привязке назначения присвоено имя id атрибут:

Я только что вернулся из отпуска! Вот
 фото моей семьи на озере..
 

id и name атрибуты имеют одинаковые пространство имен. Это означает, что они не могут оба определить привязку с тем же именем в том же документе. Допустимо используйте оба атрибута, чтобы указать уникальный идентификатор элемента для следующих элементов: А , ПРИЛОЖЕНИЕ , ФОРМА , РАМА , IFRAME , IMG и MAP . Когда оба атрибута используются в одном элементе, их значения должны быть идентичный.

НЕЗАКОННЫЙ ПРИМЕР:
Следующий отрывок является недопустимым HTML, поскольку эти атрибуты декларируют одинаковые имя дважды в одном документе.

 ... 
...

... страницы и страницы ...

В следующем примере показано, что id и name должны быть одинаковыми, когда оба появляются в начальном теге элемента:

...

Из-за его спецификации в HTML DTD имя атрибут может содержать ссылки на символы.Таким образом, значение D & # xfc; rst является действительный name значение атрибута , как и D & uuml; rst. Модель id Атрибут, с другой стороны, может не содержать ссылок на символы.

Использовать id или имя ? Авторам следует учитывать следующее проблемы при принятии решения, использовать ли id или name для имени привязки:

  • Атрибут id может действовать не только как имя привязки (например,г., стиль селектор листов, идентификатор обработки и т. д.).
  • Некоторые старые пользовательские агенты не поддерживают якоря, созданные с идентификатором атрибут.
  • Атрибут name позволяет использовать более обширные имена привязок (с объектами).

12.2.4 Недоступно и неидентифицируемые ресурсы

Ссылка на недоступный или неидентифицируемый ресурс является ошибкой. Хотя пользовательские агенты могут по-разному обрабатывать такую ​​ошибку, мы рекомендуем следующее поведение:

  • Если пользовательский агент не может найти связанный ресурс, он должен предупредить Пользователь.
  • Если пользовательский агент не может определить тип связанного ресурса, он должен все еще пытаюсь обработать это. Это должно предупредить пользователя и может позволить пользователю вмешаться и определить тип документа.

12.3 Отношения между документами:

LINK элемент

Начальный тег: требуется , Конечный тег: запрещено

Атрибуты, определенные в другом месте

  • id , класс (идентификаторы на уровне документа)
  • lang (язык информация), реж (текст направление)
  • title (заголовок элемента)
  • стиль (рядный информация о стиле)
  • onclick , ondblclick , onmousedown , onmousedown , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
  • href , hreflang , тип , отн. , отн. (ссылки и якоря)
  • цель (цель информация о кадре)
  • носитель (заголовок информация о стиле)
  • кодировка (символ кодировки)

Этот элемент определяет ссылку.В отличие от A , он может появляться только в HEAD раздел документа, хотя он может появляться сколько угодно раз. Хотя LINK не имеет содержания, он передает информацию о взаимоотношениях, которая может быть отображена пользовательские агенты различными способами (например, панель инструментов с раскрывающимся меню ссылки).

Этот пример показывает, как несколько определений LINK могут появиться в HEAD раздел документа. Текущий документ — «Глава2.html «. rel атрибут определяет отношение связанного документа с текущим документ. Значения «Индекс», «Далее» и «Назад» объясняются в разделе. по типам ссылок.



<ГОЛОВА>
   Глава 2 
  
  
  

  ... остальная часть документа ... 
 

12.3.1 Прямые и обратные ссылки

Атрибуты rel и rev играют взаимодополняющие роли — атрибут rel атрибут указывает прямую ссылку, а атрибут rev указывает обратную ссылка.

Рассмотрим два документа A и B.

Документ A: 
 

Имеет то же значение, что и:

Документ Б: 
 

Оба атрибута могут быть указаны одновременно.

12.3.2 Ссылки и внешние таблицы стилей

Когда Элемент LINK связывает внешнюю таблицу стилей с документом, Атрибут type определяет язык таблицы стилей, а атрибут Атрибут media определяет предполагаемую среду визуализации или мультимедиа. Пользовательские агенты могут сэкономить время, получая из сети только те стили листы, относящиеся к текущему устройству.

Типы носителей далее обсуждается в разделе о таблицах стилей.

12.3.3 Ссылки и поисковые системы

Авторы могут использовать элемент LINK для предоставления различной информации поисковики, в том числе:

  • Ссылки на альтернативные версии документа, написанные другим человеком язык.
  • Ссылки на альтернативные версии документа, предназначенные для различных носителей, например, версия, особенно подходящая для печати.
  • Ссылка на начальную страницу коллекции документов.

Примеры ниже иллюстрируют, как информация о языке, типах мультимедиа и типы ссылок могут быть объединены для улучшения обработки документов поисковыми системами.

В следующем примере мы используем атрибут hreflang , чтобы сообщить поиску поисковые системы, где можно найти версии документа на голландском, португальском и арабском языках. Обратите внимание на использование атрибута charset в руководстве на арабском языке. Обратите внимание также на использование lang , чтобы указать, что значение заголовка Атрибут для элемента LINK , обозначающего французское руководство, находится на французском языке.

<ГОЛОВА>
 Руководство на английском языке 





 

В следующем примере мы сообщаем поисковым системам, где найти напечатанный версия руководства.

<ГОЛОВА>
 Справочное руководство 


 

В следующем примере мы сообщаем поисковым системам, где найти переднюю страница сборника документов.

<ГОЛОВА>
 Справочное руководство - стр. 5 


 

Дополнительная информация содержится в примечаниях в приложении о том, как помочь поисковым системам индексировать ваш Интернет. сайт.

12.4 Информация о пути: элемент

BASE
 BASE  - O EMPTY - базовый URI документа ->
 href % URI; # ОБЯЗАТЕЛЬНО - URI, который действует как базовый URI -
  >
 

Начальный тег: требуется , Конечный тег: запрещено

Определения атрибутов

href = uri [CT]
Этот атрибут определяет абсолютный URI, который действует как базовый URI для разрешение относительных URI.

Атрибуты, определенные в другом месте

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

Если присутствует, элемент BASE должен появиться в HEAD раздел HTML-документа перед любым элементом, который ссылается на внешний источник.Информация о пути, указанная элементом BASE , влияет только на URI в документ, в котором появляется элемент.

Например, учитывая следующую декларацию BASE и A декларация:



 <ГОЛОВА>
    Наши продукты 
   
 

 <ТЕЛО>
   

Вы видели наш Клетки для птиц ?

относительный URI «../cages/birds.gif» будет преобразован в:

http://www.aviary.com/cages/birds.gif
 

12.4.1 Разрешение относительных URI

Пользовательские агенты должны вычислять базовый URI для разрешения относительных URI согласно [RFC1808], раздел 3. Ниже описывается, как [RFC1808] применяется конкретно к HTML.

Пользовательские агенты должны вычислять базовый URI в соответствии со следующим приоритеты (от высшего приоритета к низшему):

  1. Базовый URI устанавливается BASE элемент.
  2. Базовый URI задается метаданными, обнаруженными во время протокола. взаимодействие, такое как HTTP-заголовок (см. [RFC2616]).
  3. По умолчанию базовым URI является URI текущего документа. Не весь HTML документы имеют базовый URI (например, действительный документ HTML может появиться в электронном письме и не может быть обозначен URI). Такие HTML-документы считаются ошибочные, если они содержат относительные URI и полагаются на базовый URI по умолчанию.

Кроме того, элементы OBJECT и APPLET определяют атрибуты, которые имеют приоритет над значением, установленным элементом BASE .Пожалуйста, обратитесь к определения этих элементов для получения дополнительной информации о проблемах URI, специфичных для их.

Примечание. Для версий HTTP, которые определяют заголовок ссылки, пользовательские агенты должны обрабатывать эти заголовки точно так же, как LINK элементы в документе. HTTP 1.1, как определено в [RFC2616], не включить поле заголовка ссылки (см. раздел 19.6.3).

Как создавать ссылки на другие веб-страницы

В этой статье объясняется, как создать ссылку с одной страницы на другую.Он также описывает различные типы гиперссылок.

Ссылки, иначе известные как гиперссылки , определяются с помощью тега , также известного как элемент привязки .

Для создания гиперссылки используйте тег в сочетании с атрибутом href . Значением атрибута href является URL-адрес или местоположение, на которое указывает ссылка.

Пример:

Вот несколько HTML-коды для игры.

Попробуй

Гипертекстовые ссылки могут использовать абсолютных URL-адресов, относительных URL-адресов или корневых относительных URL-адресов.

абсолютное

Это относится к URL-адресу, в котором указан полный путь. Например:

Учебное пособие по HTML

родственник

Это относится к URL-адресу, в котором указан путь относительно текущего местоположения .

Например, если мы хотим сослаться на https://www.quackit.com/html/tutorial/ URL, а наше текущее местоположение — https://www.quackit.com/html/ , мы бы используйте это:

Учебное пособие по HTML

коренной родственник

Это относится к URL-адресу, в котором указан путь относительно корня домена .

Например, если мы хотим сослаться на https: //www.quackit.com / html / tutorial / URL, а текущее местоположение — https://www.quackit.com/html/ , мы могли бы использовать это:

Учебное пособие по HTML

Косая черта указывает на корень домена. Независимо от того, где находится ваш файл, вы всегда можете использовать этот метод для указания пути, даже если вы не знаете, каким будет доменное имя в конечном итоге (если вам известен полный путь от корня).

Цели связи

Вы можете указать, следует ли открывать URL-адрес в новом окне или в текущем окне.Вы делаете это с помощью атрибута target . Например, target = "_ blank" открывает URL-адрес в новом окне.

Целевой атрибут может иметь следующие возможные значения:

_blank Открывает URL-адрес в новом окне браузера .
_self Загружает URL-адрес в текущее окно браузера .
_parent Загружает URL-адрес в родительский фрейм (все еще в текущем окне браузера).Это применимо только при использовании фреймов.
_top Загружает URL-адрес в текущее окно браузера , но отменяет любые фреймы. Следовательно, если кадры использовались, то их больше нет.

Пример:

Quackit

Попробуй

Ссылки для перехода

Вы можете заставить ваши ссылки «переходить» в другие разделы на той же странице (или на другой странице).Раньше их называли «именованными якорями», но их часто называют ссылками перехода, закладками или идентификаторами фрагментов.

Вот как сделать ссылку на ту же страницу:

  1. Добавить идентификатор к цели ссылки

    Добавьте идентификатор к той части страницы, которую вы хотите, чтобы пользователь закончил. Для этого используйте атрибут id . Значение должно быть кратким описательным текстом. Атрибут id — часто используемый атрибут в HTML.

    Слоны

  2. Создание гиперссылки

    Теперь создайте гиперссылку (которую пользователь будет нажимать).Для этого используется id целевой ссылки, которому предшествует символ хеша ( # ):

    Перейти к слонам

Итак, эти два фрагмента кода размещены в разных частях документа. Примерно так:

Пример

Перейти к слонам

Кошки

Все о кошках.

Собаки

Все о собаках

Птицы

Все о птицах

Слоны

Все о слонах.

Обезьяны

Все об обезьянах

Змеи

Все о змеях

Крысы

Все о крысах

Рыба

Все о рыбе.

Буйвол

Все о буйволах.

Попробуй

Это не обязательно должна быть одна и та же страница. Вы можете использовать этот метод для перехода к идентификатору любой страницы. Для этого просто добавьте целевой URL перед символом решетки ( # ). Пример:

Перейти к слонам

Конечно, это предполагает, что на странице есть идентификатор с таким значением.

Ссылки на электронную почту

Вы можете создать гиперссылку на адрес электронной почты.Для этого используйте атрибут mailto в вашем теге привязки.

Пример:

Электронная почта King Kong

Попробуй

Щелчок по этой ссылке должен привести к открытию вашего почтового клиента по умолчанию с уже заполненным адресом электронной почты.

Вы можете пойти еще дальше. Вы можете автоматически заполнять строку темы для своих пользователей и даже тело письма. Вы делаете это, добавляя к адресу электронной почты параметры subject и body .

Электронная почта Кинг Конга

Попробуй

Базовый href

Вы можете указать URL-адрес по умолчанию для всех ссылок на странице, с которых они будут начинаться. Вы делаете это, помещая базовый тег (вместе с атрибутом href ) в документ .

Пример HTML-кода:

Пример HTML

Попробуй

HTML-ссылок · Документы WebPlatform

Сводка

В этой статье мы даем базовое описание якорей HTML или элементов , более известных как ссылки HTML.

Введение

Из этой статьи вы узнаете об одном из самых революционных изобретений в истории Интернета — ссылках. Ссылки позволяют читателю документа мгновенно переходить от документа к документу и с сервера на сервер.С тех пор, как ссылки были впервые введены, многое произошло, но одно остается неизменным: ссылки являются чрезвычайно важной частью работы в Интернете, и они могут упростить или затруднить доступ к вашему контенту для посетителей вашего веб-сайта, в зависимости от того, как вы их используете.

В этой статье рассказывается, как создавать ссылки, которые легко понять и которые будут работать в любой среде. Далее мы рассмотрим, как ссылки влияют на популярность вашей поисковой системы, и вы получите несколько советов по составлению текста ссылки.

Что такое ссылки?

Ссылки — это части документа HTML, которые указывают на другие ресурсы — другие документы HTML, текстовые файлы, файлы PDF и т. Д.Браузер автоматически выполняет переход по некоторым ссылкам, созданным с использованием элементов (вы уже сталкивались с некоторыми из них в предыдущих статьях, когда они использовались для импорта файлов CSS в документ HTML). Но обычно, когда мы говорим о ссылках, мы имеем в виду те, которые созданы автором страницы и не являются обязательными для активации пользователем. Они называются якорями , и вы добавляете их в документ HTML с помощью элемента .

Анатомия якоря

Любой встроенный элемент или текст можно превратить в HTML-ссылку, добавив вокруг него элемент .Например, в следующем HTML-документе текст «Программное обеспечение Opera» представляет собой ссылку.

  



  
   Пример ссылки 
  


   

Ссылка на Opera

Программное обеспечение Opera

Посетители, активирующие эту ссылку (щелкнув ее мышью, активируя ее с помощью клавиатуры или даже голосом в некоторых случаях), покинут текущую страницу и перейдут на домашнюю страницу Opera.С самой ссылкой происходит больше изменений, и мы рассмотрим их позже, когда поговорим о стилях ссылок.

Тег привязки имеет несколько атрибутов, которые вы можете добавить:

Давайте сначала рассмотрим наиболее важные атрибуты, а затем поговорим о том, что вы можете сделать со ссылками, чтобы упростить жизнь вашим посетителям.

Атрибут href

Элемент может играть несколько ролей в зависимости от того, какие атрибуты установлены.Чаще всего вы будете использовать атрибут href , который определяет, на какой ресурс указывает ссылка. Этот атрибут может содержать разные значения:

Создание внутристраничной навигации с атрибутами id

Вы также можете поместить атрибут id в элемент , чтобы сделать его привязкой к странице. Якоря страниц — это внутристраничные цели для других ссылок на этой странице. Вы связываете их, помещая идентификатор в атрибут href другой ссылки. Например, вот якорь, закодированный как цель ссылки:

   

Раздел №1

С этой целью можно перейти по этой ссылке:

   Раздел первый 
  

Удобно, что большинство современных браузеров позволяют вам записать это «сокращенно», поместив идентификатор непосредственно на элемент, на который вы хотите создать ссылку, например:

   

Раздел №1

Это намного проще, и мы рекомендуем по возможности делать это именно так.

Следующий HTML-код содержит примеры различных типов ссылок:

  



  
   Пример различных ссылок 
  


   

Различные ссылки

Пример внутристраничной навигации с идентификаторами фрагментов, ссылками и привязками

Еще несколько примеров ссылок

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

  • Якорные ссылки могут иметь идентификатор фрагмента в качестве значения атрибута href .Этот идентификатор фрагмента должен начинаться со знака решетки (#).
  • При активации эта ссылка перейдет к любому элементу HTML с идентификатором этого значения. Все идентификаторы на странице должны быть уникальными.
  • Идентификатор
  • соответствует определенным соглашениям об именах. Наиболее важно то, что они должны начинаться с буквенно-цифрового символа и не должны содержать пробелов.

Это касается меню и различных разделов в примере, но как насчет других ссылок? Если вы попробуете их, то увидите, что они указывают на разные цели: одна ведет на другой сайт, другая отображает фотографию, а третья показывает определенный раздел другой веб-страницы (найденный путем перехода к определенному идентификатору).Если все это сработало для вас, отлично, но что, если ваш браузер не может понять некоторые ресурсы?

Не допускайте двусмысленности в том, что вы связываете с

.

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

Предоставление дополнительной информации с помощью атрибута title

Как и большинство других элементов HTML, вы можете добавить атрибут title к элементу , чтобы включить дополнительную информацию. Браузеры будут отображать всплывающую подсказку , когда посетители наводят курсор мыши на ссылку. Во всплывающей подсказке обычно указывается, о чем идет речь. Например, вы можете кратко рассказать о содержании и расположении связанного документа:

  



  
 Добавление дополнительной информации с помощью атрибута title 



   

Добавление дополнительной информации с помощью атрибута заголовка

Однако нельзя ожидать, что у посетителей хватит терпения и зрительно-моторной координации, чтобы полагаться на них для получения важной информации.Пользователи с ослабленным зрением, которые плохо видят страницу (или, возможно, вообще не видят), скорее всего, не смогут получить доступ к этой информации. Хотя программы чтения с экрана могут считывать атрибуты title для конечного пользователя, эта функция по умолчанию отключена. Вот почему вы никогда не должны использовать атрибут title для важной информации о ссылке.

Важная информация может быть:

  • Ссылки на ресурсы, отличные от HTML, такие как файлы PDF, изображения, видео, звуковые файлы или загрузки.
  • Выход с текущего сайта и переход на другой сервер (внешние ссылки).
  • Ссылка на документ, который откроется в другом фрейме или во всплывающем окне.

Ссылки на ресурсы, не относящиеся к HTML — не заставляйте людей догадываться

Это может сильно раздражать, когда вы нажимаете ссылку, а ваш браузер не знает, что делать с содержимым, на которое указывает ссылка. К сожалению, слишком часто можно увидеть, что веб-сайты ссылаются на изображения, документы PDF и видео, не сообщая своим посетителям, чего ожидать.Кроме того, ресурс может быть довольно большим, а это означает, что посетители могут предпочесть загрузить его, а не открывать в браузере, или они могут вообще не получать к нему доступ.

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

  



  
 Связывание ресурсов, отличных от HTML 



   

Ссылки на ресурсы, отличные от HTML

Предоставляя информацию о связанных файлах и их характере, вы оставляете решение о том, что с ними делать, вашим посетителям, вместо того, чтобы ожидать, что у них будут определенные настройки браузера или предустановленное программное обеспечение. Если вы смешиваете эту информацию с умным стилем, вы даже можете сделать такие ссылки привлекательными и интуитивно понятными, например, предоставив различные типы ссылок легко узнаваемыми значками (подробнее об этом см. В руководствах / Списки стилей и ссылки).Если вы хотите быть в безопасности, вы также можете предложить раздел справки, в котором объясняется, что такое разные форматы файлов и где вы можете получить программное обеспечение, необходимое для их отображения.

Внешние и внутренние ссылки

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

Фреймы и всплывающие окна — просто скажи нет

Страх потерять посетителей на другие сайты, все еще желая ссылаться на них, дал нам два нововведения (?) В веб-разработке, которые уже много лет мешают удобству использования: фреймы и всплывающие окна.

Использование фреймов HTML означает, что вы разделяете страницу, отображаемую в браузере, на несколько разных документов. Преимущество заключается в том, что документ, по-видимому, остается неизменным даже при загрузке различного содержимого либо со своего собственного сервера, либо со сторонних серверов.Однако на этом полезность заканчивается. Проще говоря, фреймы создают ужасный пользовательский опыт. Например, когда на сайте используются фреймы:

  • Поисковые системы не могут проиндексировать всю страницу. Вместо этого в результатах поиска могут отображаться только те части страницы, которые не имеют смысла вне контекста.
  • Посетители не могут добавлять страницу в закладки при условии, что они ее просматривают. В следующий раз, когда они откроют эту закладку, они увидят исходное состояние набора фреймов, а не страницу, которую они оставили.
  • Посетителям, которые зависят от вспомогательных технологий, очень сложно ориентироваться в наборах фреймов.
  • Третьи стороны могут не захотеть, чтобы их сайты отображались внутри набора фреймов, и поэтому используют сценарии «разбиения фреймов», которые заменяют наборы фреймов реальным URL-адресом, когда вы пытаетесь их встроить. Это также используется, чтобы остановить преступников, вынуждающих пользователей Интернета вводить личную информацию в

веб-сайт, выглядящий законно («фишинг»).

Ссылки внутри набора фреймов используют атрибут target привязки для нацеливания на правильный фрейм. Каждый фрейм в наборе фреймов получает уникальное имя, и при активации ссылки открывается документ, определенный в атрибуте href в этом фрейме.Если набор фреймов недоступен (например, если посетитель нашел документ со ссылками через поисковую систему), каждая ссылка открывается в новом экземпляре браузера.

Открытие нового экземпляра браузера — это еще один распространенный способ ссылки на сторонние сайты либо с помощью всплывающего окна со сценарием, либо с помощью целевого атрибута со значением _blank . Тот факт, что в каждом современном браузере есть блокировщик всплывающих окон, должен указывать на то, насколько непопулярна эта техника сегодня!

Короче говоря, не использует атрибут target при создании ссылок, если вы не знаете, что делаете .В любом случае это устаревшая идея; Сегодня практически все браузеры имеют интерфейсы с вкладками, поэтому пользователи могут легко открывать сторонние сайты в другой вкладке, не покидая вашего сайта. При определенных обстоятельствах вы можете указать разницу между внешними и внутренними ссылками, но всегда оставляйте на усмотрение посетителя, что с ними делать.

Преимущества исходящих и входящих ссылок

Есть несколько веских причин для ссылки на сторонние сайты, даже если они являются конкурентами.

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

Полезность входящих ссылок (ссылок, указывающих со стороннего сайта на ваш) менее обсуждаема. Чем чаще другие качественные сайты ссылаются на ваш, тем выше ваш рейтинг в поисковых системах. Однако прежде чем это произойдет, вам нужно доказать, что вы тоже не боитесь связываться с другими.

Это подводит нас к другой очень важной части создания хороших ссылок: как их обозначить.

Текст ссылки

Мы кратко рассмотрели это в разделе, посвященном ссылкам на ресурсы, не относящиеся к HTML, но полезно напомнить себе, что ссылки — это не только интерактивные элементы, но и неотъемлемая часть копии страницы.

Некоторые вспомогательные технологии предлагают список ссылок вместо всего документа, чтобы посетители могли быстро перемещаться по нему и находить нужную ссылку. Это означает, что текст вашей ссылки должен иметь смысл как вне контекста, так и в контексте. Вы можете легко проверить это в Opera, открыв любой веб-сайт и выбрав в меню Инструменты> Ссылки или нажав Ctrl + Shift + L . Вы получите новую вкладку, на которой будут показаны все ссылки в документе и ресурсы, на которые они указывают.

Вы также должны убедиться, что ваша страница не содержит нескольких ссылок с одинаковой формулировкой, но указывающих на разные ресурсы. Классическая ошибка — это ссылки «щелкните здесь», сформулированные в виде «Чтобы загрузить последнюю версию нашего инструмента , щелкните здесь ». Гораздо лучше использовать текст ссылки, который объясняет, на что указывает ссылка. Например, превратите это предложение в «Вы можете загрузить последнюю версию нашего инструмента и опробовать его на себе».

То же самое относится и к «дополнительным» ссылкам.Их часто можно найти на новостных сайтах, где вы видите заголовок и текст-тизер, за которым следует ссылка «еще» или «полная история». Решение этой проблемы состоит в том, чтобы либо использовать связанное изображение «еще» с некоторым уникальным альтернативным текстом, либо добавить элемент внутри ссылки после «еще» и скрыть его с помощью CSS.

Стиль ссылки

Полное рассмотрение стиля ссылок выходит за рамки этой статьи (но вы можете найти дополнительную информацию в руководствах / списках стилей и ссылках).Тем не менее, важно помнить, что очень важно, как выглядят ссылки, и что необходимо учитывать несколько различных состояний ссылок. Состояния ссылок (называемые селекторами псевдоклассов CSS ):

  • : ссылка (по умолчанию) — определяет стиль непосещенных ссылок в целом. По умолчанию непосещенные ссылки отображаются синим цветом.
  • : посещено — определяет стиль ссылок, которые уже были нажаты (посещены). По умолчанию уже посещенные ссылки окрашены в фиолетовый цвет.
  • : hover — определяет стиль ссылки при наведении курсора мыши на нее.
  • : focus — определяет стиль ссылки, когда она находится в фокусе (или выделяется) щелчком мыши или с помощью другого альтернативного механизма управления, такого как клавиатура.
  • : активный — определяет стиль ссылки при ее активации; то есть пока выполняется соединение с целью. Это также стиль последней активированной ссылки, когда вы переходите к документу с помощью функции браузера «Назад».

HTML5: связывание на уровне блока

В HTML4 элемент был ограничен преобразованием других встроенных элементов в ссылки.Это было хорошо для большинства ситуаций, но становилось раздражающим, когда вы, например, хотели превратить весь раздел рекламного баннера, содержащий изображения и абзацы, в ссылку. Чтобы код оставался действующим, вам придется заключить каждый отдельный бит текста и каждое изображение в отдельную ссылку — все они ведут в одно и то же место — что не только ужасно повторяется, но и сбивает с толку вспомогательные технологии и их пользователей. Размещение встроенного элемента вокруг раздела содержимого на уровне блока также приводит к странному поведению стиля, если вы не забыли настроить его отображение как элемент уровня блока с помощью CSS.

К счастью, HTML5 снимает это ограничение, позволяя помещать единственную ссылку вокруг любого количества контента, которое вы хотите. Чтобы заставить его вести себя должным образом, вам все равно нужно настроить ссылку так, чтобы она вела себя как элемент уровня блока, но это легко и гораздо более гибко, чем раньше. Давайте посмотрим на пример:

  



  
   Пример ссылки на уровень блока 
  
  <стиль>
    a {
      дисплей: блок;
      цвет фона: синий;
      текстовое оформление: нет;
      цвет белый;
      ширина: 300 пикселей;
      высота: 100 пикселей;
    }

    a: hover {
      цвет фона: красный;
    }

  


  
     

Ссылка на Opera

Программное обеспечение Opera

Здесь вы можете видеть, что у нас есть элемент , охватывающий как заголовок, так и абзац.Для корректной работы мы установили display: block; в CSS. Если вы попробуете этот пример самостоятельно, то увидите, что весь блок является частью интерактивной области ссылки. Я также добавил изменение цвета фона при наведении курсора, чтобы сделать его более заметным.

Заключение

Мы многое рассмотрели в этой статье, но, пожалуй, самый важный вывод — помнить не только о том, что делают ссылки, но и о том, что они должны делать .

См. Также

Контрольные вопросы

  • Что не так со следующей ссылкой: получить наш последний отчет ?
  • Что такое атрибут target в ссылках и есть ли для него хорошее применение?
  • Я говорил об отношениях ссылок и связях между ссылками и якорями. Есть ли атрибут для ссылок, который также описывает отношения между документами?
  • Как написать ссылку, которая будет направлять посетителей к элементу ниже по странице, когда они нажимают на него? В чем нужно убедиться заранее?

Создание ссылок в Markdown | Синтаксис AnVIL

Markdown для гиперссылки — это квадратные скобки, за которыми следуют скобки.Квадратные скобки содержат текст, круглые скобки содержат ссылку.

  [Текст ссылки здесь] (https://link-url-here.org)  

Внутренние ссылки

Для внутренних ссылок (ссылок на другие страницы портала AnVIL) нам необходимо соблюдать несколько правил:

  1. Используйте «относительный путь» к странице, опуская протокол и имя домена. Например, используйте / guides / content / created-links вместо https://anvilproject.org/guides/content/creating-links .
  2. В качестве адреса ссылки используйте путь страницы на сайте независимо от расположения файла в репозитории.
  3. Не используйте суффикс .md .
  4. Не забудьте начать путь с косой черты: /.

Собирая все это вместе, внутренняя ссылка выглядит так:

  [Внутренняя ссылка] (/ guides / content / edit-an-existing-page)  

Это отображается как: Внутренняя ссылка

НАКОНЕЧНИК

Не забывайте ведущую косую черту «/» во внутренних путях ссылок.

Ссылка на заголовок внутренней страницы

Можно создать ссылку непосредственно на любой заголовок структуры на внутренней странице, поскольку каждый заголовок страницы имеет привязку.

Вы можете узнать ссылку на заголовок страницы, щелкнув значок ссылки, который появляется при наведении курсора на заголовок. После того, как вы нажмете на символ ссылки, URL-адрес этого заголовка появится в адресной строке вашего браузера. Скопируйте ссылку и удалите метод и домен, чтобы получить относительный URL.

Рис.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *