Html a name: Атрибут name | WebReference

Leave a Comment / Html / By /

Содержание

Атрибут name

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Предыдущий Все HTML Атрибуты Следующий ❯

Определение и использование

Атрибут name указывает имя элемента.

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

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

Для элемента iframe он может быть использован для назначения формы отправки.

Для элемента map атрибут name связывается с атрибутом usemap <img> и создает связь между изображением и картой.

Для элемента meta атрибут name указывает имя для информации/значения content атрибут.

For the param element, the name attribute is used together with the value attribute to specify parameters for the plugin specified with the <object> tag.

Относится к

The name attribute can be used on the following elements:

ЭлементыАтрибут
<button>name
<fieldset>name
<form>name
<iframe>name
<input>name
<map>name
<meta>name
<object>name
<output>name
<param>name
<select>name
<textarea>name

Пример

Пример

Две кнопки с одинаковыми именами, которые представляют различные значения при щелчке:

<form action=»/action_page. php» method=»get»>
  Choose your favorite subject:
  <button name=»subject» type=»submit» value=»HTML»>HTML</button>
  <button name=»subject» type=»submit» value=»CSS»>CSS</button>
</form>

Пример поля

<fieldset> с атрибутом name:

<fieldset name=»personalia»>
  Name: <input type=»text»><br>
  Email: <input type=»text»><br>
</fieldset>

Пример формы

HTML-форма с атрибутом name:

<form action=»/action_page.php» method=»get» name=»myForm»>

  First name: <input type=»text» name=»fname»><br>
  Last name: <input type=»text» name=»lname»><br>
  <input type=»button» value=»Send form data!»>
</form>

Пример iframe

<iframe>, который выступает в качестве целевого объекта для ссылки:

<iframe src=»demo_iframe.htm» name=»iframe_a»></iframe>

<a href=»https://html5css. ru» target=»iframe_a»>HTML5CSS.ru</a>

Пример ввода

HTML-форма с тремя полями ввода; два текстовых поля и одна кнопка Submit:

<form action=»/action_page.php»>
  Name: <input type=»text» name=»fullname»><br>
  Email: <input type=»text» name=»email»><br>
  <input type=»submit» value=»Submit»>
</form>

Пример карты

Изображение-карта, с щелчком области:

<img src=»planets.gif» width=»145″ alt=»Planets» usemap=»#planetmap»>

<map name=»planetmap»>
  <area shape=»rect» coords=»0,0,82,126″ href=»sun.htm» alt=»Sun»>
  <area shape=»circle» coords=»90,58,3″ href=»mercur.htm» alt=»Mercury»>
  <area shape=»circle» coords=»124,58,8″ href=»venus.htm» alt=»Venus»>
</map>

Пример мета

Используйте атрибут Name для определения описания, ключевых слов и автора HTML-документа:

<head>
<meta name=»description» content=»Free Web tutorials»>
<meta name=»keywords» content=»HTML,CSS,JavaScript»>
<meta name=»author» content=»Hege Refsnes»>
</head>

Пример объекта

Элемент <object> с атрибутом Name:

<object data=»helloworld. swf» name=»obj1″></object>

Пример вывода

Выполните вычисление и Покажите результат в элементе <output>:

<form oninput=»x.value=parseInt(a.value)+parseInt(b.value)»>0
  <input type=»range» value=»50″>100
  +<input type=»number» value=»50″>
  =<output name=»x» for=»a b»></output>
</form>

Пример param

Установите параметр «autoplay», в значение «true»,, поэтому звук начнет воспроизводиться сразу после загрузки страницы:

<object data=»horse.wav»>
  <param name=»autoplay» value=»true»>
</object>

Выберите пример

Раскрывающийся список с атрибутом name:

<select name=»cars»>
  <option value=»volvo»>Volvo</option>
  <option value=»saab»>Saab</option>
  <option value=»opel»>Opel</option>
  <option value=»audi»>Audi</option>

</select>

Пример текстового

Текстовая область с атрибутом name:

<form action=»/action_page. php»>
  <textarea name=»comment»>Enter text here…</textarea>
  <input type=»submit»>
</form>

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

Атрибут multiple имеет следующую поддержку браузера для каждого элемента:

Элемент
buttonДаДаДаДаДа
fieldsetДаНе поддерживаетсяДаДаДа
formДаДаДаДаДа
iframeДаДаДаДаДа
input1.02.01.01.01.0
mapДаДаДаДаДа
metaДаДаДаДаДа
objectДаДаДаДаДа
output10. 0Не поддерживается4.05.1 11.0
paramДаДаДаДаДа
selectДаДаДаДаДа
textareaДаДаДаДаДа

❮ Предыдущий Все HTML Атрибуты Следующий ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона

размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы

Copyright 2018-2020 HTML5CSS.ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML/Атрибут name (Элемент meta)

Синтаксис

HTML

XHTML

<head>
  ...
  <meta name="[значение]" content="...">  
  ... 
</head>

Описание

Атрибут / параметр name (от англ. «name» ‒ «имя, название») указывает название метаданных документа (то есть идентифицирует свойство метаданных).

Примечание

В HTML5, если meta элемент не имеет «content» атрибута, то тогда значение являющееся частью пары метаданных имя-значение является пустой строкой.

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

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

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

Верс.Раздел
HTML
2.0Associated Meta-information: METAПеревод
3.2META
4. 01The META element
name = name [CS]…
DTD: Transitional Strict Frameset
5.04.2.5 The meta element
…has a name attribute…
5.14.2.5. The meta element
…has a name attribute…
XHTML
1.0Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1Extensible HyperText Markup Language

Значения

Стандартные имена метаданных

application-name
Указывает имя веб-приложения, расположенного на странице.
author
Указывает имя одного из авторов страницы.
description
Указывает описание страницы.
generator
Идентифицирует программный пакет, используемый для создания документа.
keywords
Указывает ключевые слова, относящиеся к документу.

Расширенный список имён метаданных (WHATWG Wiki MetaExtensions)

referrer
Управляет содержимым HTTP заголовка «Referer».
robots
Устанавливает отношение поисковых роботов к содержимому страницы.

Регистр символов: в HTML 4.01 ‒ учитывается; в HTML5 ‒ не учитывается.

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

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Параметр name (Элемент meta)</title>
<meta name=»author» content=»Толкачев Сержъ»>
<meta name=»description» content=»Пример использования пар метаданных имя-значение.

«>
<meta name=»keywords» content=»html, xhtml, тег meta, параметр content, параметр name, атрибут content, атрибут name, пары метаданных, имя-значение»>
</head>
<body>
<h2>Пример использования атрибута «name»</h2>
<p>В данном документе приводится пример использования пар метаданных имя-значение.</p>
</body>
</html>

Параметр name (Элемент meta)

Имя HTML Атрибут

❮ Предыдущий Все атрибуты HTML Далее ❯

Определение и использование

Атрибут name определяет имя элемента HTML.

Этот атрибут имени можно использовать для ссылки на элемент в JavaScript.

Для элемента

элемент Атрибут name используется в качестве ссылки при отправке данных.

Для элемента

W3Schools.com

Попробуйте сами »

Пример ввода

HTML-форма с тремя полями ввода; два текстовых поля и одна кнопка отправки:


Имя:

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


Попробуйте сами »

Пример карты

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

Планеты

<карта имя="карта планеты">
Sun
Mercury
htm" alt="Venus">

Попробуйте сами »

Мета-пример

Используйте атрибут name для определения описания, ключевых слов и автора HTML-документа:





Попробуйте сами »

Пример объекта

Элемент с атрибутом имени :

<данные объекта = "helloworld.swf" имя="obj1">

Попробуйте сами »

Пример вывода

Выполните расчет и отобразите результат в элементе:

0
  100
  +
  =

Попробуйте сами »

Param Example

Установите для параметра «autoplay» значение «true», чтобы звук начал воспроизводиться как как только страница загрузится:

wav">
 

Попробуйте сами »

Выберите пример

Раскрывающийся список с атрибут имени:

Попробуйте сами »

Пример текстовой области

Текстовая область с атрибутом имени:




Попробуйте сами »

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

Атрибут Multiple имеет следующую поддержку браузера для каждого элемента:

Элемент
кнопка Да Да Да Да Да
набор полей Да Не поддерживается Да Да Да
форма Да Да Да Да Да
iframe Да Да Да Да Да
ввод 1,0 2,0 1,0 1,0 1,0
карта Да Да Да Да Да
мета Да Да Да Да Да
объект Да Да Да Да Да
выход 10,0 Не поддерживается 4,0 5. 1 11,0
параметр Да Да Да Да Да
выбрать Да Да Да Да Да
текстовая область Да Да Да Да Да

❮ Предыдущий Все атрибуты HTML Следующий ❯


ВЫБОР ЦВЕТА

Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery

9003 900 Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3. CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

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

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

гиперссылка.

Должен ли я создавать привязки HTML с «именем» или «идентификатором»?

Когда кто-то хочет сослаться на какую-то часть веб-страницы с помощью метода " http://example.com/#foo ", следует использовать

 
Foo Title

или

  
Заголовок Foo

Они оба работают, но равны ли они или у них есть семантические различия?

4

Согласно спецификации HTML 5, 5.9.8 Переход к идентификатору фрагмента:

Для документов HTML (и типа text/html MIME) необходимо следовать следующей модели обработки, чтобы определить, что представляет собой указанная часть документа.

  1. Проанализируйте URL-адрес и пусть fragid будет компонентом URL-адреса.
  2. Если fragid является пустой строкой, то указанная часть документа является верхней частью документа.
  3. Если в DOM есть элемент с идентификатором, точно равным fragid, то первый такой элемент в порядке дерева является указанной частью документа; остановить алгоритм здесь.
  4. Если в DOM есть элемент a , который имеет атрибут имени, значение которого в точности равно fragid, то первый такой элемент в порядке дерева является указанной частью документа; остановить алгоритм здесь.
  5. В противном случае указанная часть документа отсутствует.

Итак, он будет искать id="foo" , а затем будет следовать name="foo"

Изменить: как указано @hsivonen, в HTML5 элемент a имеет нет атрибута имени. Однако приведенные выше правила по-прежнему применяются к другим именованным элементам.

10

Вы не должны использовать

Foo Title в любой разновидности HTML служил text/html , потому что синтаксис пустого элемента XML не поддерживается в text/html . Однако

Foo Title подходит для HTML4. Он недействителен в HTML5 в его текущей редакции.

Foo Title

подходит как для HTML4, так и для HTML5. Это не будет работать в Netscape 4, но вы, вероятно, будете использовать дюжину других функций, которые не работают в Netscape 4.

6

Я должен сказать, что если вы собираетесь ссылаться на эту область на странице... например, page.html#foo и Foo Title, это не ссылка, которую вы должны использовать:

  
Foo Title
 < /h2>

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

2

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

 [. ..]
История

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

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

Именованные привязки - я голосую за то, чтобы избегать:

  • "Имена и идентификаторы находятся в одном и том же пространстве имен..." - Два атрибута с одним и тем же пространством имен просто безумие. Скажем так, уже устарело.
  • «Привязывает элементы без атрибута href». Опять же, природа элемента (гиперссылка или нет) определяется наличием атрибута?! Двойное безумие. Здравый смысл подсказывает, что этого следует избегать вообще.
  • Если вы когда-либо стилизовали якорь без псевдокласса, стиль применяется к каждому. В CSS3 вы можете обойти это с помощью селекторов атрибутов (или одинаковых стилей для каждого псевдокласса), но все же это обходной путь. Обычно этого не происходит, потому что вы выбираете цвета для каждого псевдокласса, а подчеркивание, присутствующее по умолчанию, имеет смысл только удалить, что делает его таким же, как и другой текст. Но если вы когда-нибудь решите выделить свои ссылки жирным шрифтом, это вызовет проблемы.
  • Netscape 4 может не поддерживать функцию id, но неизвестный атрибут не вызовет никаких проблем. Вот что для меня называется совместимостью.

7

  
Название Foo

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

1

Внимание для пользователей JavaScript: все идентификаторы становятся глобальными переменными до окно .

  
Название Foo

Только что создан глобальный JS:

 window.foo

Значение window.foo будет HTMLElement для h2 .

Если вы не можете гарантировать, что все значения, используемые в атрибутах id , безопасны, вы можете предпочесть придерживаться name :

 
Foo Title

4

Семантической разницы нет; в стандартах наблюдается тенденция к использованию id вместо name . Однако есть различия, которые могут привести к тому, что в некоторых случаях предпочтут имя . Спецификация HTML 4.01 предлагает следующие подсказки:

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

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

6

Метод ID не будет работать в старых браузерах, метод имени привязки будет объявлен устаревшим в новых версиях HTML... Я бы выбрал id.

6

В html 5 атрибут id="" определяет уникальный идентификатор элемента, который также является якорем для фрагментной ссылки. В предыдущих стандартах HTML name="" Атрибут элемента определяет якорь для фрагментной ссылки. Я рекомендую что-то вроде:

Foo Title


Поскольку поддержка атрибута id="" немного несовершенна (хотя последняя выпуски всех основных браузеров поддерживают его, выпуски, которые этого не делают, не старше нескольких лет [и лучше не ломать что-то, если для этого нет веской причины]). Он совместим и не стилизует все, что находится в элементе, на который указывает ссылка, поскольку закрывающий все еще находится вне элемента, но он по-прежнему действителен во всех текущих стандартах.

Убедитесь, что атрибуты name="" и id="" элемента совпадают.

1

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

 <дел>

Во втором примере рассматриваемому элементу присваивается уникальный идентификатор. Затем этим элементом можно манипулировать или получить к нему доступ с помощью DHTML.

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

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

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

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

1

Как насчет использования атрибута name для старых браузеров и атрибута id для новых браузеров. Будут использованы оба варианта и по умолчанию будет реализован резервный метод!!!

Сейчас речь не идет о поддержке, потому что кому в 2021 году будут интересны более старые браузеры, чем IE6?

Обратите внимание, что Stackoverflow по-прежнему использует привязку и атрибут «имя» вместо атрибута «имя».

Почему?

Потому что у вас:

  1. не может быть двух значений id для ОДНОГО элемента.
 #образец
{
  красный цвет;
} 
 
 Образец текста 
 
Перейти к сообщению

Хорошо, вы можете сказать, что можете использовать «класс» ради таких вещей.

Это верно , но , если на вашем сайте есть только одиночный элемент , который нужно стилизовать, тогда вам не следует использовать класс.

Почему?

Потому что, если вы используете селектор CSS #idName и веб-браузер находит этот элемент, он не будет искать дальше. Это ускоряет загрузку вашего сайта.

Если вы используете .class, ему нужно искать каждое место в вашей модели DOM, потому что веб-браузер не знает, использовали ли вы .class один или несколько раз.

  1. Вы не можете начинать значение id с числа, если хотите стилизовать его в CSS или использовать JS для его анализа.

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *