Как сделать сноску в html
Как создать ссылку на сноску в HTML?
Это основная часть моего контента. у меня есть сноска для этой линии [1]. Тогда у меня есть еще несколько содержание. Некоторые из них интересны, и это имеет также некоторые сноски [2].
[1] Вот моя первая сноска.
Итак, если я нажму ссылку «[1]», он направит веб-страницу на первую ссылку сноски и так далее. Как именно это сделать в HTML?
10 ответов
Дайте контейнеру идентификатор, затем используйте # для ссылки на этот идентификатор.
Хорошей практикой является предоставление ссылки со сноски на то, на что она ссылается (при условии, что существует соотношение 1:1). Это полезно, потому что кнопка «Назад» вернет пользователя назад, чтобы прокрутить позицию, на которой они были ранее, что позволяет читателю найти свое место в тексте. Нажав на ссылку, где ссылка ссылается в тексте, текст помещается в верхнюю часть окна, что упрощает чтение читателем, где они остановились.
В Quirksmode есть страница в сносках в Интернете (хотя она предлагает вам использовать sidenotes вместо сносок Я думаю, что сноски более доступны, со ссылкой на сноску и сноской, за которой следует ссылка, к тексту, который, как я подозреваю, им будет легче следовать с программой чтения с экрана).
Одна из ссылок на странице quirksmode предполагает наличие стрелки после текста ссылки на сноску и использование объекта & # 8617; для этого.
Я не уверен, что экранные ридеры будут обрабатывать сущность. Связанный с комментариями сообщения Груббера Боб Восточный пост по доступности сносок, который предполагает, что он не читается, хотя это был ряд лет назад, и я надеюсь, что читатели экрана будут улучшены. Для доступности можно использовать текстовый якорь, такой как «возврат к тексту» или, возможно, поместить его в атрибут title ссылки. Возможно, стоит поместить его в оригинальную сноску, хотя я не знаю, как обработчики экрана справятся с этим.
(Я только догадываюсь о проблемах доступности здесь, но поскольку он не был затронут ни в одной из статей, о которых я упоминал, я думал, что стоит подняться. Если кто-то может говорить с большим авторитетом по этому вопросу, я бы быть заинтересованным услышать.)
Как создать ссылку на сноску в HTML?
Это основная часть моего контента. у меня есть сноска для этой линии [1]. Тогда у меня есть еще несколько содержание. Некоторые из них интересны, и это имеет также некоторые сноски [2].
[1] Вот моя первая сноска.
Итак, если я нажму ссылку «[1]», он направит веб-страницу на первую ссылку сноски и так далее. Как именно это сделать в HTML?
ОТВЕТЫ
Ответ 1
Дайте контейнеру идентификатор, затем используйте # для ссылки на этот идентификатор.
Ответ 2
Хорошей практикой является предоставление ссылки со сноски на то, на что она ссылается (при условии, что существует соотношение 1:1). Это полезно, потому что кнопка «Назад» вернет пользователя назад, чтобы прокрутить позицию, на которой они были ранее, что позволяет читателю найти свое место в тексте. Нажав на ссылку, где ссылка ссылается в тексте, текст помещается в верхнюю часть окна, что упрощает чтение читателем, где они остановились.
В Quirksmode есть страница в сносках в Интернете (хотя она предлагает вам использовать sidenotes вместо сносок Я думаю, что сноски более доступны, со ссылкой на сноску и сноской, за которой следует ссылка, к тексту, который, как я подозреваю, им будет легче следовать с программой чтения с экрана).
Одна из ссылок на странице quirksmode предполагает наличие стрелки ↩ после текста ссылки на сноску и использование объекта & # 8617; для этого.
Я не уверен, что экранные ридеры будут обрабатывать сущность. Связанный с комментариями сообщения Груббера Боб Восточный пост по доступности сносок, который предполагает, что он не читается, хотя это был ряд лет назад, и я надеюсь, что читатели экрана будут улучшены. Для доступности можно использовать текстовый якорь, такой как «возврат к тексту» или, возможно, поместить его в атрибут title ссылки. Возможно, стоит поместить его в оригинальную сноску, хотя я не знаю, как обработчики экрана справятся с этим.
(Я только догадываюсь о проблемах доступности здесь, но поскольку он не был затронут ни в одной из статей, о которых я упоминал, я думал, что стоит подняться. Если кто-то может говорить с большим авторитетом по этому вопросу, я бы быть заинтересованным услышать.)
Ответ 3
Сначала вы заходите и помещаете якорный тег с атрибутом имени перед каждой сноской.
Этот тег привязки не будет ссылкой. Это будет только именованный раздел страницы. Затем вы делаете маркер сноски тегом, который ссылается на этот именованный раздел. Чтобы ссылаться на именованный раздел страницы, вы используете знак #.
Если вы хотите связать этот раздел с другой страницы, вы тоже можете это сделать. Просто соедините страницу и нанесите на нее название раздела.
Ответ 4
Вам нужно будет установить метки привязки для всех ваших сносок. Префикс их с чем-то вроде этого должен сделать это:
[1]/а >
Затем в теле вашей страницы ссылайтесь на сноску следующим образом:
[1]
(обратите внимание на использование имени и атрибутов href)
По существу, каждый раз, когда вы задаете имя тега A, вы можете получить к нему доступ, связав его С# NAME-USED-IN-TAG.
Ответ 5
В вашем случае вы, вероятно, лучше всего это делаете с тегами-href и тегами-именами в своих ссылках и нижних колонтитулах соответственно.
В общем случае прокрутки к элементу DOM существует плагин jQuery. Но если производительность является проблемой, я бы предложил сделать это вручную. Это включает в себя два этапа:
quirksmode дает хорошее объяснение механизма первого. Вот мое предпочтительное решение:
Ответ 6
Ответ Питера Боутона хорош, но было бы лучше, если бы вместо объявления сноски как «p» (абзац), вы объявили как «li» (список) внутри «ol» (упорядоченный список ):
Таким образом, не нужно записывать число сверху и снизу. пока ссылки указаны в правильном порядке ниже.
Ответ 7
метки привязки с использованием именованных якорей
Ответ 8
Использовать закладки в якорных тегах.
Ответ 9
Это основная часть моего контента. У меня есть сноска для этой строки [1]. Затем у меня есть еще больше контента. Некоторые из них интересны, и в нем также есть некоторые сноски [2].
Как создать ссылку на сноску в HTML?
Это основная часть моего контента. у меня есть сноска для этой линии [1]. Тогда у меня есть еще несколько содержание. Некоторые из них интересны, и это имеет также некоторые сноски [2].
[1] Вот моя первая сноска.
Итак, если я нажму ссылку «[1]», он направит веб-страницу на первую ссылку сноски и так далее. Как именно это сделать в HTML?
Дайте контейнеру идентификатор, затем используйте # для ссылки на этот идентификатор.
Хорошей практикой является предоставление ссылки со сноски на то, на что она ссылается (при условии, что существует соотношение 1:1). Это полезно, потому что кнопка «Назад» вернет пользователя назад, чтобы прокрутить позицию, на которой они были ранее, что позволяет читателю найти свое место в тексте. Нажав на ссылку, где ссылка ссылается в тексте, текст помещается в верхнюю часть окна, что упрощает чтение читателем, где они остановились.
В Quirksmode есть страница в сносках в Интернете (хотя она предлагает вам использовать sidenotes вместо сносок Я думаю, что сноски более доступны, со ссылкой на сноску и сноской, за которой следует ссылка, к тексту, который, как я подозреваю, им будет легче следовать с программой чтения с экрана).
Одна из ссылок на странице quirksmode предполагает наличие стрелки ↩ после текста ссылки на сноску и использование объекта & # 8617; для этого.
Я не уверен, что экранные ридеры будут обрабатывать сущность. Связанный с комментариями сообщения Груббера Боб Восточный пост по доступности сносок, который предполагает, что он не читается, хотя это был ряд лет назад, и я надеюсь, что читатели экрана будут улучшены. Для доступности можно использовать текстовый якорь, такой как «возврат к тексту» или, возможно, поместить его в атрибут title ссылки. Возможно, стоит поместить его в оригинальную сноску, хотя я не знаю, как обработчики экрана справятся с этим.
(Я только догадываюсь о проблемах доступности здесь, но поскольку он не был затронут ни в одной из статей, о которых я упоминал, я думал, что стоит подняться. Если кто-то может говорить с большим авторитетом по этому вопросу, я бы быть заинтересованным услышать.)
Как создать ссылку на сноску в HTML?
Это основная часть моего контента. у меня есть сноска для этой линии [1]. Тогда у меня есть еще несколько содержание. Некоторые из них интересны, и это имеет также некоторые сноски [2].
[1] Вот моя первая сноска.
Итак, если я нажму ссылку «[1]», он направит веб-страницу на первую ссылку сноски и так далее. Как именно это сделать в HTML?
ОТВЕТЫ
Ответ 1
Дайте контейнеру идентификатор, затем используйте # для ссылки на этот идентификатор.
Ответ 2
Хорошей практикой является предоставление ссылки со сноски на то, на что она ссылается (при условии, что существует соотношение 1:1). Это полезно, потому что кнопка «Назад» вернет пользователя назад, чтобы прокрутить позицию, на которой они были ранее, что позволяет читателю найти свое место в тексте. Нажав на ссылку, где ссылка ссылается в тексте, текст помещается в верхнюю часть окна, что упрощает чтение читателем, где они остановились.
В Quirksmode есть страница в сносках в Интернете (хотя она предлагает вам использовать sidenotes вместо сносок Я думаю, что сноски более доступны, со ссылкой на сноску и сноской, за которой следует ссылка, к тексту, который, как я подозреваю, им будет легче следовать с программой чтения с экрана).
Одна из ссылок на странице quirksmode предполагает наличие стрелки ↩ после текста ссылки на сноску и использование объекта & # 8617; для этого.
Я не уверен, что экранные ридеры будут обрабатывать сущность. Связанный с комментариями сообщения Груббера Боб Восточный пост по доступности сносок, который предполагает, что он не читается, хотя это был ряд лет назад, и я надеюсь, что читатели экрана будут улучшены. Для доступности можно использовать текстовый якорь, такой как «возврат к тексту» или, возможно, поместить его в атрибут title ссылки. Возможно, стоит поместить его в оригинальную сноску, хотя я не знаю, как обработчики экрана справятся с этим.
(Я только догадываюсь о проблемах доступности здесь, но поскольку он не был затронут ни в одной из статей, о которых я упоминал, я думал, что стоит подняться. Если кто-то может говорить с большим авторитетом по этому вопросу, я бы быть заинтересованным услышать.)
Ответ 3
Сначала вы заходите и помещаете якорный тег с атрибутом имени перед каждой сноской.
Этот тег привязки не будет ссылкой. Это будет только именованный раздел страницы. Затем вы делаете маркер сноски тегом, который ссылается на этот именованный раздел. Чтобы ссылаться на именованный раздел страницы, вы используете знак #.
Если вы хотите связать этот раздел с другой страницы, вы тоже можете это сделать. Просто соедините страницу и нанесите на нее название раздела.
Ответ 4
Вам нужно будет установить метки привязки для всех ваших сносок. Префикс их с чем-то вроде этого должен сделать это:
[1]/а >
Затем в теле вашей страницы ссылайтесь на сноску следующим образом:
[1]
(обратите внимание на использование имени и атрибутов href)
По существу, каждый раз, когда вы задаете имя тега A, вы можете получить к нему доступ, связав его С# NAME-USED-IN-TAG.
Ответ 5
В вашем случае вы, вероятно, лучше всего это делаете с тегами-href и тегами-именами в своих ссылках и нижних колонтитулах соответственно.
В общем случае прокрутки к элементу DOM существует плагин jQuery. Но если производительность является проблемой, я бы предложил сделать это вручную. Это включает в себя два этапа:
quirksmode дает хорошее объяснение механизма первого. Вот мое предпочтительное решение:
Ответ 6
Ответ Питера Боутона хорош, но было бы лучше, если бы вместо объявления сноски как «p» (абзац), вы объявили как «li» (список) внутри «ol» (упорядоченный список ):
Таким образом, не нужно записывать число сверху и снизу. пока ссылки указаны в правильном порядке ниже.
Ответ 7
метки привязки с использованием именованных якорей
Ответ 8
Использовать закладки в якорных тегах.
Ответ 9
Это основная часть моего контента. У меня есть сноска для этой строки [1]. Затем у меня есть еще больше контента. Некоторые из них интересны, и в нем также есть некоторые сноски [2].
Доступные сноски с CSS
На днях я играл со счетчиками CSS и думал об их использовании для работы со сносками. Согласно Плагиату, который имеет удивительно длинную статью по этому вопросу, сноски:
[…] Заметки, размещенные внизу страницы. Они цитируют ссылки или комментируют обозначенную часть текста над ним.
Вы часто видите их в статьях, когда автор хочет добавить часть информации или привести ссылку, не делая это в середине содержимого или не используя скобки. Обычно сноски обозначаются номером в соответствии с положением сноски в документе, затем те же цифры присутствуют в нижней части документа, добавляя дополнительный контент.
Проблема сносок в Интернете заключается в том, что их может быть сложно поддерживать. Если вам часто приходится работать с одним и тем же документом, меняя порядок разделов и добавляя ссылки по пути, может быть утомительно пересчитывать все существующие сноски. Например, если у вас есть 3 существующие ссылки на сноски в документе, и вы хотите добавить еще одну, но для части содержимого, которая встречается раньше всех остальных, вы должны переименовать их все. Не хорошо…
Мы могли бы использовать счетчики CSS, чтобы сделать все это намного проще. Что если нам не нужно было вести нумерацию вручную, и это можно сделать автоматически? Единственное, на что нам следует обратить внимание, это то, что порядок фактических примечаний в нижнем колонтитуле соответствует порядку появления ссылок в тексте.
Создание образца документа
Давайте создадим образец документа, чтобы мы могли начать.
Наш пример облегчен: у нас есть некоторый контент в элементе
С несколькими стилями это может выглядеть так:
Сделать его доступным
Прежде чем приступить к работе со счетчиками, мы должны убедиться, что наша разметка полностью доступна для программ чтения с экрана. Первое, что мы хотим сделать, это добавить заголовок в нижний колонтитул, который будет служить описанием или ссылками на сноски. Мы скроем этот заголовок с помощью CSS, чтобы он не отображался визуально.
Затем мы хотим описать все наши ссылки этим заголовком, используя атрибут aria-describedby
Теперь пользователи программы чтения с экрана будут понимать, когда ссылки являются ссылками на сноски.