Атрибут name | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
1.0+ | 1.0+ | 2.1+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Атрибут name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи атрибута name тега <a>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.
Между тегами <a name=…> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
Синтаксис
<a name="закладка">...</a>
Обязательный атрибут
Обязателен для якорей.
Значения
Любой текст с учетом регистра.
Значение по умолчанию
Нет.
Пример
HTML 4.01IECrOpSaFx
<!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>Тег А, атрибут name</title>
</head>
<body>
<p><a name="top"></a></p>
<p>Здесь много-много текста.
Прокручивай его вниз. </p>
<p><a href="#top">Наверх</a></p>
</body>
</html>
Примечание
В XHTML и HTML5 вместо name для определения якоря требуется указывать атрибут id.
Атрибут name | HTML | WebReference
Атрибут name используется для определения закладки (иногда называют также якорь) внутри страницы. Вначале следует задать в соответствующем месте закладку и установить её имя при помощи атрибута name элемента <a>. Имя ссылки на закладку начинается символом #, после чего идёт название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать её адрес и в конце добавить символ решётки # и имя закладки.
Между тегами <a name=…> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
В XHTML и HTML5 вместо name для определения закладки требуется указывать атрибут id.
Синтаксис
<a name="<закладка>">...</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>А, атрибут name</title>
</head>
<body>
<p><a name="top"></a></p>
<p>Здесь много-много текста.
Прокручивай его вниз. </p>
<p><a href="#top">Наверх</a></p>
</body>
</html>
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
×Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 19.03.2018
Редакторы: Влад Мержевич
seodon.ru | Теги HTML — Тег A
Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
Атрибут name, тега <A>, задает имя якоря-закладки («анкора») внутри веб-страницы. Значением атрибута должно быть уникальное имя в пределах страницы установки якоря. Для создания ссылки на закладку используется тег <A> с атрибутом href. Значение атрибута href должно начинаться с символа решетки (#), за которой, без пробелов, идет имя якоря (с учетом регистра).
Для создания ссылки на закладку, расположенную на другой странице или сайте, перед символом решетка (#) дополнительно указывается относительный или абсолютный адрес этой страницы.
Также, в качестве якоря можно использовать любой тег имеющий атрибут id, в том числе и тег <A>.
Атрибуты name и id используют общее пространство (базу) имен. Поэтому их значения у двух тегов на странице не должны совпадать, а вот у одного тега — могут. Ссылок же на якорь, на одной странице, может быть сколько угодно.
Значения
Значением атрибута может быть любое слово. Оно чувствительно к регистру, поэтому указывайте его везде одинаково.
Значение по умолчанию: нет.
Синтаксис
<a name="имя якоря">...необязательный текст...</a>
Обязательный атрибут: обязателен для якорей.
Пример HTML: применение атрибута name
<!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>seodon.ru - Тег A, применение атрибута name</title>
</head>
<body>
<h2><a name="top"></a>О сайте Сеодон.ру</h2>
<p>На сайте Сеодон.ру есть много полезной информации по созданию сайтов:
учебники, справочники, примеры, статьи и др.</p>
<p><a href="#top">В начало страницы</a></p>
</body>
</html>
Результат примера
Поддержка версиями HTML
Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
Поддержка: | Да | Да | Да | Нет |
В версии XHTML 1.1 атрибут name тега <A> удален вместо него используется атрибут id, в HTML 5 также рекомендуется указывать идентификатор, хотя жесткого запрета нет.
Поддержка браузерами
Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
Поддержка: | Да | Да | Да | Да | Да |
Атрибут name | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
3.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Устанавливает идентификатор метатега для пары «имя=значение». Одновременно использовать атрибуты name и http-equiv не допускается.
Синтаксис
HTML |
|
XHTML |
|
Значения
Любой подходящий идентификатор. Ниже приведены некоторые допустимые значения атрибута name.
- author
- Имя автора документа.
- description
- Описание текущего документа.
- keywords
- Список ключевых слов, встречающихся на странице.
Значение по умолчанию
Нет.
Пример
HTML 4.01IECrOpSaFx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тег META, атрибут name</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="keywords" content="HTML, META, метатег, тег, поисковая система"> </head> <body> <p>...</p> </body> </html>
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Атрибут name | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
3.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
Имя идентификатора, которое однозначно определяет карту-изображение. Значение атрибута name тега <map> должно соответствовать имени в usemap. При этом значение атрибута usemap тега <img> начинается с символа решетки.
Синтаксис
<map name="идентификатор">...</map>
Обязательный атрибут
Да.
Значения
Любое подходящее уникальное имя, оно чувствительно к регистру.
Значение по умолчанию
Нет.
Пример
HTML 4.01IECrOpSaFx
<!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>Тег AREA, атрибут alt</title> </head> <body> <p><img src="images/europe.png" alt="Европа" usemap="#Map"> <map name="Map"> <area shape="poly" coords="34,83,42,90,52,87,64,85,71,81,79,87,84,95, 75,110,61,120,42,116,37,110,25,94,32,82" href="is.html" alt="Исландия"> <area shape="poly" coords="168,262,173,254,180,254,207,272,201,290,206,309, 197,318,182,316,182,323,165,320,152,317,154,292,138,276,168,263" href="fr.html" alt="Франция"> <area shape="poly" coords="250,223,264,217,274,222,295,221,298,235,301,257, 290,269,274,268,247,254,243,241,243,241" href="pl.html" alt="Польша"> </map></p> </body> </html>
Атрибут name | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
3.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. При использовании фреймов схема загрузки документов отличается от стандартной. Основное отличие — возможность загружать документ в выбранный фрейм из другого. Для этой цели используется атрибут target тега <a>. В качестве значения указывается имя фрейма, в который будет загружаться документ, заданный атрибутом name.
Синтаксис
<frame name="имя">
Значения
В качестве имени используется набор символов, включая числа и буквы. При обращении к фрейму по имени соблюдайте то же написание, что и в атрибуте name.
Значение по умолчанию
Нет.
Пример
HTML 4.01IECrOpSaFx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FRAME, атрибут name</title> </head> <frameset cols="100,*,20%"> <frame src="left.html" name="leftFrame"> <frame src="main.html" name="mainFrame"> <frame src="right.html" name="rightFrame"> </frameset> </html>
Атрибут name | htmlbook.ru
Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Спецификация
HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Описание
В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. Чтобы направить содержимое во фрейм, он должен иметь уникальное имя, задаваемое атрибутом name. В этом случае при создании ссылки у тега <a> требуется указать атрибут target, в качестве значения которого выступает имя фрейма.
Синтаксис
<iframe name="имя">...</iframe>
Значения
Для указания имени используется набор символов, включая числа и буквы. При обращении к фрейму по имени соблюдайте то же написание, что и в атрибуте name.
Значение по умолчанию
Нет.
Пример
HTML 4.01IECrOpSaFx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег IFRAME, атрибут name</title>
</head>
<body>
<iframe name="hero" src="0.html"
align="left">
</iframe>
<p><a href="1.html" target="hero">Чебурашка</a><br>
<a href="2.html" target="hero">Крокодил Гена</a><br>
<a href="3.html" target="hero">Шапокляк</a>
</body>
</html>