HTML атрибуты
nooname
Пример 1. Исходный код веб-страницы
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример веб-страницы</title> </head> <body> <h1>Заголовок</h1> <!-- Комментарий --> <p>Первый абзац.</p> <p>Второй абзац.</p> </body> </html> <html>
Открывающий тег <html> определяет начало HTML-документа, внутри него хранится «голова» (<head>) и «тело» документа (<body>).
<head>
Содержимое этого раздела не показывается напрямую на странице, за исключением элемента <title>. Внутри <head> могут располагаться следующие элементы: <base>, <link>, <meta>, <script>, <style> или <title>.
<meta charset="utf-8">
<title>Пример веб-страницы</title> <E атрибут="значение">…</E> <E атрибут="значение">…</E> <p><img src="arena.png" alt="Вид заголовка"></p>
Пример 1. Использование атрибутов
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Добавление картинки</title> </head> <body> <p><img src="image/sun.png" alt="Солнышко" width="100" height="150"></p> </body> </html> #cod
Логические атрибуты
У логических атрибутов нет значений, само наличие или отсутствие атрибута уже меняет поведение элемента. Синтаксис достаточно простой:
<E атрибут>…</E>
В примере 2 показано применение логического атрибута опять же для аудиоплеера.
Пример 2. Использование логического атрибута
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Добавление аудио</title> </head> <body> <audio src="audio/music.mp3" controls loop autoplay></audio> </body> </html> #cod
Порядок атрибутов
Порядок атрибутов в элементе не имеет значения и на результат отображения элемента не влияет. Также допустим перенос атрибутов на другую строку. Следующие записи по своему действию равноценны.
<img src="title.png" width="438" height="118" alt=""> <img alt="" height="118" width="438" src="title.png"> <img src="title.png" width="438" height="118" alt="">
Универсальные атрибуты
У некоторых элементов есть свой набор характерных атрибутов, но кроме этого существуют атрибуты, которые можно добавлять к любому элементу. По этой причине они называются универсальными или глобальными атрибутами. Список всех таких атрибутов вы можете посмотреть здесь, перечислим лишь некоторые популярные: class, id, lang, style, title.