Постраничные ссылки: Использование постраничных и заключительных сносок в Pages на Mac

Содержание

Как оформить сноски и ссылки в дипломной работе или диссертации | Татьяна Ко

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

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

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

Есть два вида сносок: постраничная 😍 (внизу страницы) и концевая 😈(сразу после цитаты в квадратных скобках).

  • В курсовой, реферате и дипломной оформление ссылок зависит от требований ВУЗа. Их оформляют в виде сноски внизу страницы (постраничные😍) или в конце работы (концевые😈).
  • В кандидатской и докторской диссертации концевые ссылки 😈оформляют в тексте в квадратных скобках с указанием порядкового номера источника в списке литературы.
ЛАЙФХАК: сначала лучше оформлять постраничные ссылки. Это просто и легко с помощью инструментов Word

ЛАЙФХАК: сначала лучше оформлять постраничные ссылки. Это просто и легко с помощью инструментов Word

Итак, если в Вашем ВУЗе не требуют концевых😈 ссылок – можно расслабиться и сделать постраничные 😍 ссылки с помощью вкладки ССЫЛКА – ВСТАВИТЬ СНОСКУ.

Но если требуют концевые😈 ссылки – то стоит немного потрудиться. Для этого нужно полностью написать текст работы, сделать обычные постраничные 😍 ссылки, сформировать список литературы по алфавиту с нумерацией и только в самом конце работы, когда Вы уже точно ничего не будете в ней менять, буквально перед самой сдачей, нужно сделать концевые😈 ссылки.

Для этого:

1. Откройте документ в двух разных окнах, чтобы перед глазами был основной текст (в одном окне) и список литературы (в другом окне).

2. Рядом с обычными ссылками вставьте квадратные скобки.

3. В квадратные скобки вставьте порядковый номер источника по списку литературы, а через запятую – страницу (если нужно).

4. Удалите обычные ссылки.

Пример оформления концевой ссылки

Пример оформления концевой ссылки

  • Обратите внимание на пробелы
    – они ставятся после каждого знака (после точки, запятой, тире и др.). Следите, чтобы у вас не склеивались слова и знаки препинания!

💩Плохой пример:

Коряпина Т. П. Вторая соната для фортепиано С. В. Рахманинова в двух авторских редакциях (драматургия циклической композиции)//Рахманинов и XXI век. Прошлое и настоящее: сборник статей.–М.:РИО МГК,2016.–С.20-28.

  • Отличайте тире “–” и дефис “-“. Тире длинное, а дефис короткий. В сносках тире должно стоять перед городом и страницей. Дефис ставится между диапазоном страниц без пробелов.

💟Хороший пример:

Коряпина Т. П. Вторая соната для фортепиано С. В. Рахманинова в двух авторских редакциях (драматургия циклической композиции) // Рахманинов и XXI век. Прошлое и настоящее: сборник статей. – М.: РИО МГК, 2016. – С. 20-28.

Если эта статья была для вас полезной, ставьте лайк и пишите в комментариях, какие темы были бы интересны?

Что значит постраничные сноски. Как сделать сноску в Ворде — Лучшие варианты

Сноска – это цифра над словом, которое необходимо пояснить. В программе Word она делится на две части. Первая – это собственно цифра над самим словом. Вторая – цифра внизу страницы с точным или кратким пояснением слова.

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

Как сделать классическую сноску в Word 2007-2013?

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

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

  • Вводим пояснение.

  • Следующие сноски делаем аналогичным образом.

Как сделать сноску и поместить расшифровку в конец документа?

Бывают случаи, когда расшифровку к слову нужно поместить не в конец страницы, а в конец всего документа. Для этого выполняем следующее:

  • Ставим курсор за словом, которое нужно пояснить и выбираем «Ссылки», «Вставить концевую сноску».

  • Место для сноски появится в конце всего документа, а не страницы.

Как сделать постраничные сноски?

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

  • Выделяем сноску. Переходим во вкладку «Ссылки», нажимаем на стрелочку, чтобы попасть в параметры.

  • Выставляем тип сносок. Указываем «К каждому разделу» или выставляем страницу.

Когда мы делаем очередной документ в Microsoft word нам иногда бывает нужно показать, откуда мы взяли написанный материал или сделать небольшое пояснение по написанному материалу. Для того, чтобы это осуществить в word есть прекрасный инструмент – снока. Сделать сноску в word очень просто, но почему – то не все этим пользуются. В этой статье я расскажу вам о том, как быстро создать сноску в ворд.

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

Итак, с типами сносок мы определились. Теперь рассмотрим то, как делать сноки в word 2013, 2010 и 2007

Как сделать обычную постраничную сноску в word

Для того, чтобы сделать обычную сноску вам нужно перейти в панель инструментов Вашего редактора Microsoft Word (верхнее меню) и нажать на вкладку «Ссылки». Нажали? Отлично, теперь вы увидите маленькое подменю сноски и там будет написано вставить сноску и вставить концевую сноску в вашем word. Вам нужна обычная сноска, поэтому переместите курсор мыши после слова к которому хотите вставить сноску и нажимайте «Вставить сноску».

Если это первая сноска на вашей странице, то над словом, к которому вы ставили сноску появится циферка 1, а внизу страницы вам понадобится написать текст сноски.

Как сделать коневую сноску в ворде

Для того, чтобы сделать концевую сноску в word вам нужно опять – же пройти в меню сноски, в котором мы с вами уже были и нажать вставить концевую сноску. После нажатия на конпку вставить концевую сноску вас переместит в самый конец документа и Вам нужно будет написать текст сноски.

Обратите внимание, что программа Microsoft Word обычные сноски нумерует цифрами 1,2, 3, а концевые сноски маленькими буковками i (если у вас одна концевая сноска, то в конце документа будет написано i, а если пять концевых сносок, то iiiii).

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

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

В ворде

?

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

Концевые сноски ставят таким же образом, только дополнительно придется нажать на «Вставить концевую сноску».

Как правильно оформить библиографические ссылки в курсовой работе, выносимые в сноски?

Правила установлены ГОСТом 2008 года. Он действует и по настоящее время. В соответствии с Государственным стандартом ссылки делят на подстрочные, затекстовые и внутритекстовые.

ПРИМЕР: (Мелькина В. П., Клейковина С. А., Петрашкова А. М. Информация и обеспечение ее безопасности и защиты: учеб. пособие. М., 2009).

ПРИМЕР: , где 6 – порядковый номер документа, который включен в затекстовые ссылки, а 13 – это страница, на которую мы ссылаемся в документе под номером 6.

ПРИМЕР: Известный юрист А. Шилохвост, считает: «Договоры, предусмотренные частью второй Кодекса, могут заключаться на основе соглашения сторон». 1

__________________________________________

1 Хозяйственное право: учебник / под. ред.акад. Ф. Ф. Соколенкова. М. : Юристъ, 2006. – С. 40.

ПРИМЕР: 1 Баренцева Е.А., Колесников Г.И. Садоводческие общества и товарищества. Санкт-Петербург, 2005. С. 20.

Как делать примечания в word?

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

Если же вы хотите, чтобы примечания не были видны на печати, в окне «Печать» выберите слово «Напечатать», кликните по нему мышкой, а после на слово «Документ».

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

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

Сноски или иначе ссылки необходимы в тех случаях, когда требуются пояснения к излагаемому материалу, которые автор в тексте видеть бы не хотел. Смысловая нагрузка и читабельность страницы повышается в несколько раз при использовании сносок. Достаточно лишь указать цифру в конце фразы или слова и дать необходимые пояснения внизу страницы. Вручную делать это неудобно, а Word может произвести этот маневр автоматически. Как сделать сноски (и соответственно – как их удалить) вы узнаете прямо сейчас.

Делаем сноски в Word 2007

  • На странице с текстом находим слово и фразу, которые необходимо пояснить.
  • Левой кнопкой мыши выбираем вкладку «Ссылки» — «Вставить сноску» (или на верхней панели инструментов).
  • Внизу страницы появляется цифра, возле которой следует ввести необходимые комментарии.
  • Со следующим словом на странице производим те же действия, ссылка будет иметь соответствующую нумерацию (то есть после 1 будет идти 2, 3 и т.д.).

Делаем сноски в Word 2003

  • В меню «Вставка» выбираем «Ссылки» — «Сноски». Определяемся с местом будущей сноски – внизу страницы или же под текстом, форматом (типом) сноски.
  • Подтверждаем «Вставить».
  • В появившейся сноске внизу страницы вводим информацию о ней.


Если сноску все же необходимо удалить, делается это следующим образом: курсор устанавливается перед знаком сноски и два (!) раза нажимается клавиша «delete». Либо же выделить значок сноски и один (!) раз нажать «delete».

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

Сноски в Майкросотф Ворд — это что-то вроде комментариев или примечаний, которые можно размещать в текстовом документе, как на любых его страницах (обычные сноски), так и в самом конце (концевые сноски). Зачем это нужно? В первую очередь, для совместной работы и/или проверки заданий либо же при написании книги, когда автору или редактору нужно внести пояснение того или иного слова, термина, фразы.

Представьте, кто-то вам сбросил текстовый документ MS Word, который вы должны просмотреть, проверить и, при необходимости что-то изменить. Но как быть, если вы хотите, чтобы это «что-то» изменил автор документа или какой-нибудь другой человек? Как быть в случаях, когда нужно просто оставить какое-то примечание или пояснение, к примеру, в научной работе или книге, не захламляя при этом содержимое всего документа? Именно для этого и нужны сноски, и в этой статье мы расскажем о том, как вставлять сноски в Ворде 2010 — 2016, а также в более ранних версиях продукта.

Примечание: Инструкция в данной статье будет показана на примере Microsoft Word 2016, но она применима и к предыдущим версиям программы. Некоторые пункты могут отличаться визуально, у них может быть немного другое название, но смысл и содержание каждого шага практически идентичны.

Используя сноски в Ворде, можно не только предоставлять разъяснения и оставлять комментарии, но и добавлять ссылки для текста в печатном документе (зачастую, для ссылок используются концевые сноски).

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

Обычные и концевые сноски в MS Word нумеруются автоматически. Для всего документа можно использовать общую схему нумерации либо же можно создавать разные схемы для каждого отдельного раздела.

Команды, необходимые для добавления обычных и концевых сносок, а также для их редактирования, расположены во вкладке «Ссылки» , группа «Сноски» .


Примечание:
Нумерация сносок в Ворде изменяется автоматически при их добавлении, удалении или перемещении. Если вы видите, что сноски в документе пронумерованы неправильно, вероятнее всего, в документе содержатся исправления. Эти исправления необходимо принять, после чего обычные и концевые сноски будут снова правильно пронумерованными.

1. Кликните левой кнопкой мышки в том месте, куда вы желаете добавить сноску.

2. Перейдите во вкладку «Ссылки» , группа «Сноски» и добавьте обычную или концевую сноску, нажав на соответствующий пункт. Знак сноски будет расположен в необходимом месте. Сама же сноска будет находиться внизу страницы, если она обычная. Концевая сноска будет расположена в конце документа.

Для большего удобства используйте сочетания клавиш : «Ctrl+Alt+F» — добавление обычной сноски, «Ctrl+Alt+D» — добавление концевой.

3. Введите необходимый текст сноски.

4. Кликните дважды по значку сноски (обычной или концевой), чтобы вернуться к ее знаку в тексте.

5. Если вы хотите изменить расположение сноски или ее формат, откройте диалоговое окно «Сноски» на панели управления MS Word и выполните необходимое действие:

Как изменить начальное значение сносок?

Обычные сноски нумеруются автоматически, начиная с цифры «1» , концевые — начиная с буквы «i» , за которой следует «ii» , затем «iii» и так далее. Кроме этого, желая сделать в Ворде сноску внизу страницы (обычную) или в конце документа (концевую), вы также можете задать и любое другое начальное значение, то есть, установить другую цифру или букву.

1. Вызовите диалоговое окно во вкладке «Ссылки» , группа «Сноски» .

2. Выберите необходимое начальное значение в поле «Начать с» .

3. Примените изменения.

Как создать уведомление о продолжение сноски?

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

1. Во вкладке «Вид» включите режим «Черновик» .

3. В появившемся списке области сносок кликните «Уведомление о продолжении сноски» («Уведомление о продолжении концевой сноски» ).

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

Как изменить или удалить разделитель сноски?

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

1. Включите режим черновика.

3. Выберите тип разделителя, который вы хотите изменить.

  • Желая изменить разделитель между сносками и текстом, выберите пункт «Разделитель сноски» или «Разделитель концевой сноски», в зависимости от того, какой из них вам нужен.
  • Для того, чтобы изменить разделитель для сносок, перешедших с предыдущей страницы, выберите один из пунктов «Разделитель продолжения сноски» или «Разделитель продолжения конечной сноски».
  • 4. Выберите необходимый разделитель и внесите соответствующие изменения.

    • Для удаления разделителя просто нажмите «DELETE» .
    • Для изменения разделителя выберите подходящую линию из коллекции картинок или просто введите желаемый текст.
    • Для восстановления разделителя по умолчанию нажмите «Сброс» .

    Как удалить сноску?

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

    На этом все, теперь вы знаете, как вставить сноску в Ворде 2003, 2007, 2012 или 2016, а также в любой другой версии. Надеемся, эта статья для вас была полезной и поможет заметно упростить взаимодействие с документами в продукте от Microsoft, будь то работа, учеба или творчество.

    Сноски в текстовых документах LibreOffice Writer

    Что такое сноска? Вики нам говорит, что “Сноска — примечание, помещаемое внизу полосы (постраничная сноска) или в конце текста (концевая сноска). Текст сноски связан с основным текстом при помощи знака сноски”. 

    В тексте документа это выглядит вот так:

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

    LibreOffice Writer позволяет делать два типа сносок: постраничную и концевую. Первая называется просто “Сноска”, вторая – “Концевая сноска”

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

    По умолчанию размер кегля шрифта для текста сносок задан меньшим, чем основной текст. Тут всё по канонам.

    Сноски вставляются в документ через меню “Вставка – Сноска – Сноска” или “Вставка – Сноска – Концевая сноска”.

    Что самое интересное, сноски имеют свои собственные настройки, которые находятся в диалоге “Параметры сносок”, который вызывается из меню “Сервис – Сноски”. Как по-моему, так это не очень очевидное название пункта меню, стоило бы его так и назвать “Параметры сносок”.

    Диалог содержит две вкладки:


    Можно настраивать тип нумерации, для просто сносок выбрать метод нумерации: на документ, на каждую главу или на каждую страницу, выбрать стили абзаца и символов для текста сносок.
    Update 1:
    Сноски настраиваются и в ещё одном месте: в диалоге настройки стиля страницы! В нём есть вкладка Сноски:

    Обратите внимание на два параметра в разделе “Область сносок”. Они отвечают за высоту области, отданной под сноски на странице. Если высота области будет лимитирована, то текст сноски, если он достаточно длинный, будет перенесён на следующую страницу, что может быть не очень-то удобно.

    Ну и еще одно место, где настраиваются сноски – это собственно стиль абзаца Сноска, который отвечает за вид шрифта, кегль, выравнивание, отступы и прочие параметры абзаца. Учтите, что тексту сноски можно задать любой произвольный стиль абзаца! Стиль Сноска – это просто стиль по умолчанию для сносок.
    Update 2: Есть ещё одна вещь, которая возможно потребует настройки – это внешний вид номера сноски в основном тексте. По умолчанию за это отвечает стиль символа “Привязка сноски”. Однако стиль можно назначить и любой другой. Основные вкладки в диалоге настройки стиля символа для нашего случая – это “Гарнитура” и “Положение”. Обратите внимание, чтобы соответствовать точнейшим требованиям различных нормативов, на вкладке “Положение” параметр “Масштаб шрифта” нужно установить в 100%, в размер кегля на вкладке “Гарнитура” в тот, которые требуется по нормативу. Затем нужно будет отрегулировать только параметр “Смещение”. Плюсовое значение сдвигает символ вверх, минусовое – вниз.
    Update 3: И ещё – некоторым может потребоваться изменить вид номера сноски, который пишется в низу страницы перед текстом сноски, на верхний индекс. Делается это путем изменения стиля символа “Символ сноски”. Выберите этот стиль в Боковой панели в разделе Стили, нажмите на нём правой кнопкой мыши и выберите пункт “Изменить”. В открывшемся диалоге на вкладке “Положение” выберите вариант “Верхний индекс”. Нажмите кнопку ОК.
    Update 4: Иногда бывает нужно сделать в тексте несколько сносок на один и тот же элемент/текст. Например, по тексту на странице должно быть несколько сносок 1, каждая из которых должна ссылаться на один и тот же текст сноски в нижней части страницы:
    Это делается так:
    1. Вставляется первая сноска в тексте обычным образом через меню Вставка-Сноска-Сноска
    2. Вторая и последующие сноски на тот же текст первой сноски вставляются, используя меню Вставка-Перекрестная ссылка, тип Сноски, вставить ссылку на “Текст ссылки”, справа выбираете собственно нужный номер изначальной сноски.
    3. Выделяете вставленную перекрестную ссылку, которая имеет форматирование текущего текста и применяете к ней стиль СИМВОЛА “Привязка сноски”.
    Update 5: вставка концевых сносок сразу после последнего абзаца в документе, а не на отдельной самостоятельной странице. Оказывается можно сделать и такое. Для этого нужно установить курсор в основном тексте, нажать сочетание клавиш Ctrl+A (выделить всё), а затем использовать пункт меню Вставка-Раздел. Откроется диалог “Вставить раздел”, в котором необходимо перейти на вкладку “Сноски”:
    А теперь отмечаем флажком опцию “Собрать в конце раздела” в разделе Концевые сноски. Жмём кнопку Вставить и вуаля:

    ссылок – WordPress.com Поддержка

    Ссылка – это слово, группа слов или изображение, по которому вы можете перейти на новую страницу.

    Содержание

    Если вы хотите настроить ссылки в меню навигации, посетите страницу поддержки меню.

    Добавить ссылки на сообщения, страницы и виджеты

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

    Метод первый: кнопка ссылки
    GIF, демонстрирующий кнопку ссылки
    1. Скопируйте URL-адрес, который вы хотите использовать, в буфер обмена вашего компьютера.
      • Вы можете сделать это, выделив URL-адрес, затем щелкнув его правой кнопкой мыши и выбрав Копировать или используя сочетание клавиш, например CTRL + C (ПК) или CMD + C (Mac).
    2. На своей странице или в сообщении выделите текст, на который вы хотите разместить ссылку.
    3. Щелкните значок ссылки, который появляется на панели инструментов блока.
    4. Вставьте URL-адрес в появившееся окно, затем нажмите Enter, чтобы сохранить ссылку.

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

    Поиск существующих страниц для ссылки
    Метод второй: копирование и вставка
    1. Скопируйте URL-адрес, на который вы хотите создать ссылку, в буфер обмена вашего компьютера.
      • Вы можете сделать это, выделив URL-адрес, затем щелкнув его правой кнопкой мыши и выбрав Копировать или используя сочетание клавиш, например CTRL + C (ПК) или CMD + C (Mac).
    2. На своей странице или в сообщении выделите текст, на который вы хотите разместить ссылку.
    3. Вставьте скопированный URL прямо поверх выделенного текста. Вы можете сделать это, выделив текст, затем щелкнув его правой кнопкой мыши и выбрав Вставить или используя сочетание клавиш, например CTRL + V (ПК) или CMD + V (Mac).
    Как вставить ссылку поверх текста в редакторе

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


    ↑ Содержание ↑

    Редактировать существующую ссылку
    1. Щелкните ссылку в редакторе.
    2. Выберите всплывающую кнопку «Редактировать».
    3. Отредактируйте URL-адрес и нажмите Enter, чтобы сохранить изменения.
    Редактирование ссылки

    ↑ Содержание ↑

    Удалить существующую ссылку
    1. Щелкните ссылку, которую хотите удалить.
    2. Щелкните значок ссылки на панели инструментов (он выглядит как ссылка из цепочки), и ссылка будет немедленно удалена.
    Удаление ссылки

    ↑ Содержание ↑

    Открыть ссылку в новой вкладке

    Чтобы ссылка открывалась в новой вкладке браузера:

    1. Добавьте ссылку к вашему тексту, как описано выше.
    2. Нажмите на добавленную ссылку и переключите кнопку «Открыть в новой вкладке».
    Открыть ссылку в новой вкладке

    ↑ Содержание ↑

    Добавить ссылки на изображения

    Если вы хотите, чтобы кто-то щелкнул изображение, чтобы перейти на другую страницу, выполните следующие действия:

    1. Добавьте изображение в сообщение или страницу с помощью блока изображений.
    2. Щелкните изображение и выберите значок ссылки (он выглядит как ссылка из цепочки).
    3. Появится окно, в которое вы можете вставить ссылку или выполнить поиск по существующему содержимому сайта.
    Связывание изображения
    1. После добавления URL-адреса вы можете настроить эту ссылку для открытия в новой вкладке, щелкнув стрелку настроек ссылки и включив «Открыть в новой вкладке».
    Настройка ссылки на изображение для открытия в новой вкладке
    1. После добавления ссылки вы можете нажать кнопку возврата / редактирования на клавиатуре, чтобы применить ее.

    ↑ Содержание ↑

    Чтобы добавить ссылки на изображения на боковой панели или в области виджетов, используйте виджет изображений. Если вы хотите отображать вместе с ним текст, вы можете добавить ссылку на изображение с помощью виджета «Текст».


    ↑ Содержание ↑

    Blogroll

    Если вы хотите создать список ссылок на ваши любимые блоги или сайты на боковой панели, посетите, пожалуйста, руководство по поддержке Меню ссылок (Blogroll).

    Страниц: 1 2 Показать все

    Помогите нам стать лучше:

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

    Якоря в порядке? Повторная оценка ссылок на странице

    Ссылки на странице (также называемые ссылками , или ссылками перехода ) – это ссылки, которые ведут пользователей к содержимому на той же веб-странице , а не на другую страницу сайта. Раньше рекомендовали избегать таких типов ссылок.Использование внутренних ссылок увеличилось за последние несколько лет веб-дизайна, что делает целесообразным более глубокую оценку плюсов и минусов этого элемента дизайна.

    Почему внутренние ссылки сбивают с толку

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

    Почему ссылки на странице полезны

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

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

    Распространенное использование внутренних ссылок

    Есть три распространенных использования внутристраничных ссылок:

    • Таблицы содержания: Ссылки на странице могут использоваться в качестве оглавления для более длинных фрагментов содержания, предоставляя пользователям прямой доступ к интересующему их содержанию.
    • Вернуться наверх: Ссылки наверх ведут пользователя к началу страницы с другой части страницы. Хотя эти ссылки дублируют функциональность полосы прокрутки, они могут быть полезны на длинных страницах, где один щелчок сэкономит время при нескольких прокрутках. Такие ссылки, как правило, не причиняют вреда пользователям, которые их не используют (за исключением случаев, когда они охватывают контент, хотя даже в этом случае они не вызывают серьезных проблем), и помогают пользователям, которые их используют.
    • Указатели и ответы на часто задаваемые вопросы : Для алфавитных или цифровых указателей или списков часто задаваемых вопросов можно использовать внутренние ссылки.Список ссылок вверху страницы избавляет пользователей от необходимости пролистывать многочисленные элементы или экраны элементов, которые им не нужны. Ссылки полезны, когда пользователям, скорее всего, понадобится конкретный фрагмент контента, вместо того, чтобы просматривать все варианты.
    Saks.com предлагает алфавитный указатель, позволяющий пользователям переходить непосредственно к букве в списке дизайнеров. Здесь список от A до Z обеспечивает прямой доступ к интересующему дизайнеру.

    Влияние размера экрана

    Когда мы изначально писали об анкорных ссылках, мы все просматривали Интернет на экранах одинаковых размеров.Мы не создавали крошечные мобильные экраны, планшеты среднего размера или большие настольные мониторы с высоким разрешением.

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

    Просмотр статьи MayoClinic.org на 13-дюймовом ноутбуке показывает 4 абзаца текста и видео на одной странице. В той же статье, просматриваемой на телефоне, отображается только 2 абзаца.

    Как использовать ссылки на странице ответственно

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

    Учитывать длину содержимого

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

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

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

    Switch.which.co.uk: Если разделы контента короткие, с более чем одним разделом, видимым на каждой странице, внутристраничные ссылки не нужны.

    Использовать четкие ссылки и заголовки

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

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

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

    Ссылки вверху этой страницы USA.gov четко определяют содержание страницы.

    Этикетка ссылок на странице

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

    Внутренние ссылки в верхней части этой страницы EPA.gov помечены как На этой странице , чтобы прояснить, как эти ссылки будут функционировать.

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

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

    Подтвердите прыжок

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

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

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

    В статье о WebMD ссылка на странице Причины заражения норовирусами ведет к виду на верхнем снимке экрана, где заголовок и начальный текст скрыты липкой навигацией.На втором снимке экрана показана страница, прокрученная для просмотра соответствующего содержимого.

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

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

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

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

    Внутренние ссылки на сайте Американского Красного Креста следуют за пользователем по странице.

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

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

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

    Липкие ссылки: показать местоположение пользователя

    Если список внутренних ссылок останется на месте при прокрутке пользователями, он должен показывать текущее местоположение пользователей.Например, в приведенном выше примере с WWF текущий раздел ( What WWF Is Doing ) отмечен более светлым серым цветом на липкой панели навигации на странице.

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

    А как насчет кнопки

    Назад ?

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

    Это зависит от использования:

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

    Аккордеоны vs.Ссылки на странице?

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

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

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

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

    Так хорошо или плохо?

    Если внутристраничные ссылки хорошо реализованы, и если необходимо и полезно иметь длинный контент на одной странице, такие ссылки могут помочь пользователям перейти непосредственно к интересующему контенту и улучшить взаимодействие с пользователем.Детали реализации имеют важное значение для оценки преимущества ссылок на странице для пользовательского опыта. В случае сомнений используйте тестирование удобства использования, чтобы оценить, насколько полезны или необходимы ссылки на странице. Метрики и A / B-тестирование также могут помочь проверить, повышают ли они удобство использования содержимого страницы.

    ссылок на страницу до версии 3.0 – Отметьте в WordPress

    Сегодня я выложил обновление для моего плагина перенаправления и повторного указания страниц, ссылки на. Завтра этот плагин будет в WordPress.org Plugin Directory в течение 13 лет (это был 339-й плагин в репозитории плагинов WordPress; сейчас их более 75000!).

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

    В прошлом месяце я получил ответы на опрос от более чем 800 ссылок на страницы для пользователей и много узнал о том, как это работает. Одна из самых интересных вещей, которые я обнаружил, – это то, сколько людей используют его для перенаправления URL-адресов. Например, у них может быть очень длинный URL-адрес на их собственном или чужом сайте, который они хотят сделать красивым. example.com/summer-sale вместо example.com/store/specials.aspx?season=summer&_utm_source=internal . Но чтобы создать эти перенаправления, вам нужно пройти через загроможденный и иногда медленный экран создания публикации. Все, что вам действительно нужно для создания перенаправления, – это заголовок, целевой URL-адрес и локальный короткий URL-адрес.

    Теперь вы найдете пункт меню «Добавить ссылку на страницу», который позволит вам быстро добавить перенаправленную страницу, не дожидаясь загрузки всего интерфейса редактирования сообщений WordPress.Это super быстро, и он не отвлекает вас от экрана, на котором вы находитесь.

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

    Эй, этот URL-адрес становится немного длинным Custom slug, для лучшего короткого URL-адреса

    Кроме того, этот выпуск включает индикатор «ссылки» на экранах сообщений и списков страниц, так что вы можете легко увидеть, какие элементы были перенаправлены с помощью Page Links To .При наведении указателя мыши значок ссылки показывает целевой URL-адрес для быстрого просмотра.

    Значок «ссылка» означает, что этот элемент был указан в другом месте.

    Если вы хотите получить «локальный» короткий URL-адрес (который будет перенаправлен на выбранный вами URL-адрес, когда кто-то его посетит), просто нажмите «Копировать короткий URL-адрес» из действий, и он будет в вашем буфере обмена.

    Наведите указатель мыши на значок «ссылка», чтобы увидеть, куда она указывает.

    Это все для версии 3.0, но я скоро сообщу о других – следите за обновлениями!

    Нравится:

    Нравится Загрузка…

    Связанные

    Вставка ссылок и якорей | Основы построения и редактирования | Строительство и монтаж | Руководство CMS

    Вставка звеньев и анкеров

    Внешние ссылки в навигации вашего сайта

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

    Добавление ссылки в текст

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

    • Внутренние ссылки предназначены для страниц или файлов, включая PDF-файлы, к которым у вас есть доступ в Cascade CMS.
    • Внешние ссылки предназначены для других сайтов в сети, включая другие сайты Brandeis.
    1. Перейдите на страницу, на которой вы хотите разместить ссылку, и щелкните Изменить .
    2. В любом типе контента, который использует панель инструментов WYSIWYG, выберите слова, которые вы хотите использовать в качестве ссылки. Затем щелкните значок Link на панели инструментов WYSIWYG. (Похоже на несколько звеньев цепи.)

      Должно появиться небольшое окно.
    3. Для внутренних каналов следуйте инструкциям в 3A. Для External Links перейдите к шагу 3B.

      A. Параметр Internal должен быть отмечен по умолчанию. Нажмите кнопку «Источник ссылки : выберите файл, страницу или ссылку ». Окно Chooser Panel откроется справа.

      Панель выбора позволит вам создать ссылку на страницу Недавние , или Обзор , или Загрузить ресурс, на который нужно создать ссылку. Если вам нужна помощь, посетите нашу страницу в Панели выбора.

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

      (Чтобы продолжить добавление внутренней ссылки, перейдите к шагу 4.)

      B. Для External Links нажмите кнопку External . В поле Источник ссылки введите полный URL-адрес ссылки (включая https: //).

    4. Как для внутренних, так и для внешних ссылок, помимо назначения ссылки, вы увидите дополнительные поля:
    • Анкер , описанный ниже
    • Целевой , который определяет, открывается ли ссылка в том же или в новом окне / вкладке браузера.В целях доступности следует установить значение Нет , даже если пользователи перенаправляются на другой веб-сайт.
    • Заголовок , который отображается, если пользователь наводит курсор на связанный текст. Не требуется.
    • Класс , который можно игнорировать, если вы не создаете кнопку.
    1. Нажмите Ok , когда закончите.
    2. Если вы добавили внешнюю ссылку и ввели URL-адрес, который использовал http: // (в отличие от http s : //), вы получите системное сообщение о том, что вы можете рассмотреть возможность добавления ссылки, которая использует https //.Вам не нужно обновлять URL-адрес до https: //; нажмите ОК, и вы сможете продолжить редактирование страницы.
      1. Если сайт, на который вы ссылаетесь, имеет безопасную версию (т. Е. Работает, если вы используете https: //), вы можете отредактировать ссылку, чтобы обновить ссылку на https: //.

    Добавление якоря

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

    Создайте якорь
    1. Откройте свою страницу в режиме Edit / Content и щелкните в области содержимого, которое хотите отредактировать. Поместите курсор в точку, где вы хотите сделать якорь (точку, с которой вы связываете). Затем щелкните значок привязки на панели инструментов WYSIWYG.
    2. Появится небольшое окно, и вам будет предложено назвать вашу привязку. Выберите описательное и легко запоминающееся имя.

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

    1. Щелкните Ok . На месте курсора должен появиться символ привязки. Этот символ не будет отображаться на опубликованной странице, только в режиме редактирования / содержимого. Его можно перемещать или удалять, как и текст.
    Тяга к якорю
    1. Теперь вы можете установить ссылку на Якорь . Если вы создаете ссылку на привязку на той же странице, следуйте инструкциям на шаге 2. Если вы устанавливаете ссылку на привязку с другой страницы, перейдите к шагу 3.
    2. A. Выделите текст, который вы хотите использовать в качестве ссылки. Затем щелкните значок Link .
      B. На экране Insert Link введите имя, которое вы дали привязке, в поле Anchor . Затем нажмите Ok .

    Выбранные слова теперь должны отображаться как связанный текст.

    1. A. Чтобы создать ссылку на другой странице, в CMS перейдите на страницу, на которой вы хотите создать ссылку. Щелкните вкладку Edit .

      B. Выделите текст, который вы хотите использовать в качестве ссылки. Затем щелкните значок Link .

      C. На экране Insert Link в поле Link выберите страницу, на которой вы создали привязку, затем введите имя, которое вы дали привязке в поле Anchor . Затем нажмите Вставить . Выбранные слова теперь должны отображаться в виде связанного текста.

    Доступность в Пенсильвании | Ссылки на веб-странице

    Содержание страницы

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

    Рекомендации для ссылок в тексте

    Эти рекомендации применимы к ссылкам , встроенным в текст документа или веб-страницы.

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

    Примеры нечетких текстов ссылок

    Примеры используемых текстов ссылок

    ПРИМЕЧАНИЕ: Некоторые поисковые системы, такие как Google, дают более высокий рейтинг сайтам, которые используют «контекстно-насыщенные» текстовые ссылки.

    Рекомендации по созданию других текстовых ссылок

    1. Придерживайтесь стандарта, согласно которому текстовые ссылки подчеркнуты и имеют значение цвета (светлее или темнее), чем основной текст. Это положение поможет дальтоникам легче находить ссылки и является хорошей практикой юзабилити.
    2. Не открывайте ссылки в новом окне без крайней необходимости. Новые окна дезориентируют пользователей как программ чтения с экрана, так и визуальных браузеров (поскольку кнопка Назад становится «отключенной»). Также имейте в виду, что некоторые пользователи визуальных браузеров отключают всплывающие окна , чтобы избежать рекламы.
      ПРИМЕЧАНИЕ: Если ссылки открываются в новом окне, включите текстовую индикацию (например, Внешние ресурсы [Новое окно]), чтобы пользователи программы чтения с экрана знали о новом окне.
    3. Если вы используете ссылки JavaScript, например, для открытия всплывающих окон, убедитесь, что они закодированы, чтобы быть доступными для программ чтения с экрана. Многие ссылки JavaScript непригодны для использования в программах чтения с экрана.
    4. Если вы используете изображение или карту изображений для создания ссылок, убедитесь, что место назначения включено в тег ALT. См. Страницы «Карты изображений» и «Изображения» для получения дополнительных сведений о создании доступных ссылок с изображениями.
    5. Вы можете вставлять ссылки «Начало страницы» после каждого раздела в более длинных документах, чтобы уменьшить необходимость прокрутки вверх (что может быть затруднительно для пользователей с ограниченным движением). Эти ссылки должны быть отформатированы иначе, чем другие ссылки, чтобы пользователи знали, что они являются внутренними для страницы.

    Рекомендации для блоков навигационных ссылок

    Эти правила применяются в первую очередь к блокам навигационных ссылок на веб-страницах или файлах PDF.

    1. Если ваш веб-сайт использует блок навигационных ссылок на каждой странице, убедитесь, что реализована стратегия пропуска навигации, чтобы программы чтения с экрана могли избежать чтения этих ссылок на каждой странице.
      Рекомендация 13.6 WCAG 2.0 – «Группируйте связанные ссылки, идентифицируйте группу (для пользовательских агентов) и, пока пользовательские агенты не сделают это, предоставьте способ обхода группы».
    2. По возможности разбивайте длинные списки ссылок на блоки, разделенные заголовками (например, h2, h3). В противном случае вам, возможно, придется реализовать стратегию пропуска навигации.
    3. Поддерживайте согласованный набор навигационных ссылок на каждой странице вашего сайта, даже если вам необходимо реализовать стратегию пропуска навигации.
    4. Вы можете разместить цепочку навигации , список местоположения страницы в иерархии сайта, под строкой заголовка страницы, чтобы помочь пользователям отслеживать свое местоположение на сложном сайте.

    Пример следа хлебных крошек

    ПРИМЕЧАНИЕ: Самым безопасным символом, обозначающим подчиненную страницу, является двоеточие (:) вместо знаков пунктуации, таких как »(« Правая двойная угловая скобка) или> («больше чем»). Также лучше избегать, чтобы избежать символов стрелок ( е.грамм. →), так как они даже не могут быть произнесены программой чтения с экрана.

    Начало страницы

    ссылок в документах 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 = langcode [CI]
    Этот атрибут определяет базовый язык ресурса, обозначенного href и может использоваться, только если указан href .
    тип = тип содержимого [CI]
    Этот атрибут дает консультативную подсказку относительно типа содержимого содержимого. доступно по целевому адресу ссылки. Это позволяет пользовательским агентам выбирать использование резервный механизм вместо получения содержимого, если им сообщают, что они получат контент в типе контента, который они не поддерживают.
    Авторы, использующие этот атрибут, берут на себя ответственность за управление риском того, что он может стать несовместимым с контентом, доступным по целевой ссылке адрес.
    Текущий список зарегистрированных типов контента см. [MIMETYPES].
    отн. = типа звена [CI]
    Этот атрибут описывает отношение текущего документа к привязка, указанная атрибутом href . Значение этого атрибута – список типов ссылок, разделенных пробелами.
    рев. = типа звена [CI]
    Этот атрибут используется для описания обратной ссылки. от якоря, указанного href атрибут текущего документа.В Значение этого атрибута – это список типов ссылок, разделенных пробелами.
    кодировка = кодировка [CI]
    Этот атрибут определяет кодировку символов указанного ресурса. по ссылке. Пожалуйста, обратитесь к разделу о характере кодировки для более подробной информации.

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

    • id , класс (идентификаторы на уровне документа)
    • lang (язык информация), дирек (текст направление)
    • title (заголовок элемента)
    • стиль (рядный информация о стиле)
    • форма и координаты (изображение карты)
    • onfocus , onblur , onclick , ondblclick , onmousedown , onmouseup , 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 Синтаксис привязки имена

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

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

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

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

    ...

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

    ...

    ...

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

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

    ...

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

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

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

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

    12.2.3 Анкеры с

    идентификатор атрибут

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

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

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

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

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

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

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

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

    id и name атрибуты имеют одинаковые пространство имен. Это означает, что они не могут оба определить привязку с тем же именем в том же документе. Допустимо используйте оба атрибута, чтобы указать уникальный идентификатор элемента для следующих элементов: A , APPLET , FORM , РАМА , 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 , onmouseup , onmouseover , onmousemove , onmouseout , onkeypress , onkeydown , onkeyup (внутренние события)
    • href , hreflang , тип , отн. , отн. (ссылки и якоря)
    • цель (цель информация о кадре)
    • носитель (заголовок информация о стиле)
    • charset (персонаж кодировки)

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

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

    
    <ГОЛОВА>
       Глава 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 является текущий документ. Не весь HTML документы имеют базовый URI (например, действительный документ HTML может появиться в электронном письме и не может быть обозначен URI). Такие HTML-документы считаются ошибочные, если они содержат относительные URI и полагаются на базовый URI по умолчанию.

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

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

    Одностраничное меню с многостраничными ссылками – ThemeFusion

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