Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
ЯМаркет
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Глобальный атрибут id



Пример

Используйте идентификатор для манипулирования текстом с помощью Javascript:

<html>
<body>

<h1 id="myHeader">Привет Мир!</h1>
<button onclick="displayResult()">Изменить текст</button>

<script>
function displayResult(){
    document.getElementById("myHeader").innerHTML = "Хорошего дня!";
}
</script>

</body>
</html>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.



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

Глобальный атрибут id указывает уникальный идентификатор для элемента HTML (значение должно быть уникальным в документе HTML).

Глобальный атрибут id наиболее часто используется для указания на стиль в таблице стилей и с помощью JavaScript (через DOM HTML) для управления элементом с определенным идентификатором.


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

Атрибут
id Да Да Да Да Да

Синтаксис id

<element id="id">

Значение атрибута id

Значение Описание
id Задает уникальный идентификатор элемента.Правила именования:
  • Должен содержать хотя бы один символ
  • Не должн содержать пробелов

Больше примеров id

Пример 1

Используйте ссылку на элемент с указанным идентификатором на странице:

<html>
<body>

<h2><a id="top">Некоторый Заголовок</a></h2>

<p>Не большое количество текста....</p>
<p>Не большое количество текста....</p>
<p>Не большое количество текста....</p>

<a href="#top">Перейти к началу</a>

</body>
</html>
Попробуйте сами »
Пример 2

Используйте идентификатор для стилизации текста с помощью CSS:

<html>
<head>
<style>
#myHeader {
    color: red;
    text-align: center;
}
</style>
</head>
<body>

<h1 id="myHeader">SchoolsW3 самый лучший!</h1>

</body>
</html>
Попробуйте сами »

Связанные страницы id

Учебник HTML: id HTML

Учебник HTML: Атрибуты HTML

Учебник CSS: Синтаксис CSS

Справочник CSS: Селектор #id CSS

Справочник DOM HTML: Метод getElementById() DOM HTML

Справочник DOM HTML: Свойство id DOM HTML

Справочник DOM HTML: Объект Style DOM HTML