Тег a href a: Атрибут href HTML тега a

Теги HTML — Тег

Описание

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

<a href="URL">...</a>
<a name="идентификатор">...</a>

Атрибуты

accesskey: Активация ссылки с помощью комбинации клавиш.
charset: Указывает кодировку текста, на который ведет ссылка.
coords: Устанавливает координаты активной области.
download: Предлагает скачать указанный по ссылке файл
href: Задает адрес документа, на который следует перейти.
hreflang: Идентифицирует язык текста по ссылке.
media: Указывает тип носителя документа, на который ведёт ссылка.
name: Устанавливает имя якоря внутри документа.
rel: Отношения между ссылаемым и текущим документами.
rev: Отношения между текущим и ссылаемым документами.
shape: Задает форму активной области ссылки для изображений.
tabindex: Определяет последовательность перехода между ссылками при нажатии на кнопку <Tab>.
target: Имя окна или фрейма, куда браузер будет загружать документ.
title: Добавляет всплывающую подсказку к тексту ссылки.
type: Указывает MIME-тип документа, на который ведёт ссылка.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример. Использование тега <a>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег А</title>
 </head>
 <body>
  <p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
  <p><a href="tip.html">Как сделать такое же фото?</a></p>
</body>
</html>

Спецификация ?

Спецификация	Статус
WHATWG HTML Living Standard	Живой стандарт
HTML5	Рекомендация
HTML 4. 01 Specification	Рекомендация

✖

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры: Настольные Мобильные

Internet Explorer	Chrome	Opera	Safari	Firefox
1	1	1.3	1	1

Android	Firefox Mobile	Opera Mobile	Safari Mobile
1	1	6	1

✖

Браузеры

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

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

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

Ссылки. | Строчные элементы.

HTML/Элемент a

Синтаксис

(X)HTML

<a (href="..." | name="...")> ... </a>

Описание

Элемент a (от англ. «anchor» ‒ «якорь») содаёт гиперссыку в HTML-документе. Теги гиперссылок могут связывать между собой части web-страницы, отдельные страницы сайта, а так же могут ссылаться на внешние сайты. Если в элементе a отсутствует атрибут «href», то такой тег не является гипессылкой.

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.	Раздел
HTML
2. 0	Anchor: A	Перевод
3.2	The A (anchor) element	Перевод
4.01	12.2 The A element DTD: `Transitional Strict Frameset`	Перевод
5.0	4.5.1 The a element
5.1	4.5.1. The a element
XHTML
1.0	Extensible HyperText Markup Language DTD: `Transitional Strict Frameset`
1.1	Extensible HyperText Markup Language

Атрибуты

charset: Определяет кодировку указанного ресурса.
coords: Задаёт координаты активной области карты-изображения.
download: Указывает браузеру, что файл необходимо скачать, а не пытаться его вывести на экран или воспроизвести.
href: Указывает адрес гиперссылки.
hreflang: Указывает язык документа.
methods: Определяет методы, которые будут использоваться при доступе к месту назначения.
name: Задаёт уникальное имя якоря внутри документа.
rel: Определяет отношение текущего документа к ресурсу на который ссылаются.
rev: Определяет отношение ресурса на который ссылаются к текущему документу.
shape: Устанавливает тип формы активной области гиперссылки для объекта (изображений).
target: Определяет то, где открывать документ, указанный в гиперссылке.
type: Указывает MIME-тип документа.
urn: Определяет предпочтительный, более постоянный идентификатор для якоря головы гиперссылки.
Глобальные атрибуты: accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Элемент a</title>
</head>
<body>
<h2>Пример с элементом «a»</h2>
<p>Примеры гиперссылок:</p>
<ul> <!— делаем переходы на некоторые элементы —>
<li><a href=»/html/abbr/»>Аббревиатура</a></li>
<li><a href=»/html/address/»>Информация об авторе</a></li>
<li><a href=». ./b/»>Тег полужирного шрифта</a></li>
</ul>
</body>
</html>

Элемент a

python — извлечь «href» из тега, используя красивый суп

Задать вопрос

спросил

3 года, 2 месяца назад

Изменено 3 года, 2 месяца назад

Просмотрено 948 раз

У меня есть следующие теги в html, и я хотел бы извлечь только содержимое href, т.е. Quatermass_2_Vintage_Movie_Poster-61-10782 и Hard Day’s Night

 <диапазон>
                                Реф.№:10782


                                Нажмите, чтобы получить более подробную информацию и увеличенное изображение Quatermass 2. 

, <промежуток>
                                Реф.№:10781
 

                                Нажмите, чтобы узнать подробности и увеличить изображение Hard Day's Night

Следующий код Python позволяет мне найти только теги целиком

 html = ['table2.html']
с open("table2.html", "r") как f:
    содержимое = f.read()
суп = BeautifulSoup(содержимое, "lxml")
для имени в soap.find_all("span", {"class": "small"}):
    печать (имя)

Однако невозможно выбрать только href. Я пробовал

 для имени в soap.find_all("span", {"class": "small"}.get(href)):
    печать (имя)

Я также пытался поместить ссылку href в статус печати

 для имени в супе.find_all("span", {"class": "small"}:
    печать (имя. получить ('href'))

Кто-нибудь может помочь, пожалуйста?

Python
HTML
BeautifulSoup

TAG
HREF

После получения SPAN TAG.

Примерно так:

 для имени в супе.find_all("span", {"class": "small"}):
    печать (имя. найти ("а"). получить ("href"))

Вы можете использовать регулярные выражения для извлечения значения, например:

 import re
input = "добавить  алгоритм";
patt= "href=\"[a-zA-Z0-9_\-\.]+\""
search = re.findall(patt, input, re.I)
распечатать поиск

Это возвращает массив со всеми совпадениями.

Надеюсь пригодятся.

С уважением.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

html.

Почему значения href тега привязки требуют префикса http:// перед URL-адресом?

 нажмите здесь

Щелкнув ссылку выше на HTML-странице сайта, пользователь попытается перейти на

 <сайт>/index.html/www.stackoverflow.com

Где ниже работает нормально

 нажмите здесь

В чем причина такого поведения?

Есть несколько протоколов: HTTP, HTTPS, FILE, SSH, SSL, FTP. Кроме того, как упомянул Джереми, вполне возможно, что у вас на сервере есть файл с точным названием текста, который вы вводите в HREF.

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

Обновление от 02.03.2016:

Просто используйте HTTPS для всего, например: https://www. example.com

Пол Айриш не рекомендует использовать URL-адреса, относящиеся к протоколу, то есть // , и рекомендует писать все ссылки, используя https:// — обоснование:

Теперь, когда SSL рекомендуется для всех и не имеет проблем с производительностью, этот метод [URL-адреса, относящиеся к протоколу] теперь является антишаблоном . Если нужный вам ресурс доступен по SSL, то всегда использовать актив https:// .
Разрешение запроса фрагмента через HTTP открывает двери для атак, таких как недавняя атака Github Man-on-the-side. Всегда безопасно запрашивать активы HTTPS, даже если ваш сайт использует HTTP, однако обратное неверно.

Исходное сообщение:

Как указывалось в других ответах, включение протоколов в URI важно, потому что в противном случае вы оставляете на волю случая, как интерпретируется URI. У вас может быть видеофайл MP4, буквально названный «www. something.com» вместо «video.mp4», или клиент может попытаться получить доступ к вашему веб-сайту через FTP, потому что он неправильно угадал протокол.

Как указал Колинк в комментарии, вы можете полностью опустить http: и просто использовать // , например //www.example.com . Он предотвращает ошибки безопасности со смешанным содержимым («эта страница содержит небезопасные элементы»). Это происходит потому, что браузеры будут получать ресурсы, такие как изображения, как если бы эти ресурсы использовали https:// , когда пользователь подключается к текущей странице через HTTPS.

Если вы не используете протокол (http, https, ftp, mailto и т. д.), ссылка будет относиться к текущему URI запроса. Это то же самое, что префикс href с префиксом ./, означающим 9.0110 этот каталог .

адресная строка браузера имеет вид http://domain.com/questions/

становится domain. com/questions/www.stackoverflow.com