Атрибут type

Справочник:

Характеристики атрибута

В каких браузерах работает?


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

Для чего используется?

Для <a>

Отвечает за инициализацию типа документа согласно MIME протоколу по указанной ссылке. Данный атрибут стилизирует ссылку по типу документа. Также важно понимать, что применения этого атрибута не является обязательным. Атрибут type работает только в комплексе с href.

Для <button> и <input>

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

Для <ul> и <ol>

Определяет особенности внешнего вида маркера, стиль его отображения.

Для <menu>

Устанавливает определенную разновидность меню.

Как правильно задавать?

<a href="URL-адрес" type="тип">Содержимое ссылки</a>

Применение атрибута обязательно?

Нет.

Какие значения могут быть записаны в атрибут?

Для <a>

Согласно списку MIME-типов.

Для <button>

button - простая кнопка без специальных возможностей.
reset - очищает все поля в форме и возвращает их в исходное значения.
submit - пересылает информацию из формы на сервер для обработки. Является значением по умолчанию.

Для <ul>

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

Для <оl>

A - нумерация идет по латинскому алфавиту заглавными буквами.
a - нумерация идет по латинскому алфавиту строчными буквами.
I - в качестве маркера номера выступают римские цифры.
1 - нумерация осуществляется арабскими цифрами.

Для <menu>

context - устанавливает контекстное меню.
toolbar - формирует меню в виде специальной панели с инструментами.
list - обычное меню в виде списка.

В каких тегах применяется?

a	area	button	embed
input	li	link	menu
object	ol	param	script
source	style	ul

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут type</title>
  <style>
   a[type="video/mpeg"] {
    background-image: url(image/video.jpg) no-repeat left center; /* иконка для ссылки */
    padding: 0px 0px 0px 20px; /* оставляем место для иконки */
   }
  </style>
 </head>
 <body>
  <p><a href="video/forExample.mpeg" type="video/mpeg">Видеозапись</a></p>
 </body>
</html>

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут type</title>
 </head>
 <body>
  <form action="mail.php">
   <p><input type="text" name="user"></p>
   <p><button type="reset">Удалить все</button>
   <button type="submit">Переслать</button></p>
  </form>
 </body>
</html>

Тип HTML атрибута:

Прочие