Файл: Основы программирования на языке HTML (Секционирование содержания).pdf
Добавлен: 05.04.2023
Просмотров: 368
Скачиваний: 2
HTML Элемент <hgroup> (HTML Headings Group Element - Элемент Группы Заголовков HTML) представляет заголовок раздела. Он определяет один заголовок, который участвует в cхеме документа как заголовок явно или неявно заданного раздела, к которому он принадлежит.[[21]]
HTML Элемент <main> представляет главный контент тега <body> документа, части документа или приложения. Область <main> содержит контент, который напрямую относится или раскрывается центральной темой документа или функционалом приложения.[[22]]
HTML-элемент <nav> определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.[[23]]
HTML элемент <section> представляет собой автономную секцию функционала, содержащуюся внутри HTML-документа, чаще всего с заголовком, в которой нет прочих специфических определяющих элементов, чтобы представить данный функционал.[[24]]
Текстовое содержание
HTML-элемент <blockquote> (от англ. Block Quotation) указывает на то, что заключенный в нем текст является развернутой цитатой. Обычно он (текст) визуально выделяется наклонным. URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом <cite>.[[25]]
Элемент разделения контента HTML (<div>) является базовым контейнером для элементов основного потока (flow content ). Он не влияет на контент или формат пока не стилизован, используя CSS. Являясь "чистым" контейнером, элемент <div> по своему существу не представляет ничего. Между тем, он используется для группировки контента, что позволяет легко его стилизовать.[[26]]
HTML-элемент <dl> (от англ. Description List), служащий контейнером для списка пар терминов и их описаний. Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение).[[27]]
HTML элемент <figcaption> представляет заголовок или легенду для остального контента родительскогоэлемента <figure>.[[28]]
HTML-элемент <figure> представляет самостоятельный контент, часто с подписью (<figcaption>), и обычно используется как единое целое.[[29]]
HTML-элемент <hr> представляет тематический разрыв на уровне параграфов; исторически сложилось, что представляет из себя горизонтальную черту. И хотя может до сих пор отображаться как горизотальная черта, этот элемент сейчас считается семантическим, а не отображаемым. Так что если требуется отобразить его в виде горизонтальной черты, это необходимо сделать в соответствующем CSS файле.[[30]]
HTML элемент <li> используется для создания элементов списка. Он также должен находиться в родительском элементе: нумерованном списке (<ol>), ненумерованном списке (<ul>), или меню (<menu>). В меню и ненумерованых списках, элементы списка обычно отображаются с маркерами в виде круга. В нумерованых списках, они обычно отображаются с маркерами в виде восходящего счетчика слева, например числа или буквы.[[31]]
HTML элемент <ol> представляет собой упорядоченный список элементов, обычно отображаемый в виде нумерованного списка.[[32]]
HTML-элемент <p> определяет собой абзац текста. Абзацы обычно представлены в визуальной среде как блоки текста, которые отделены от смежных блоков пустым пространством (по вертикали) и (или) отступом первой строки. Абзацы являются блочными элементами.[[33]]
HTML элемент <pre> представляет преформатированный текст который отображается точно так, как записан в HTML файле. Как правило для этого используется моноширинный шрифт, пробелы отображаются как есть.[[34]]
HTML <ul> элемент представляет неупорядоченный список, обычно отображаемый как маркированный список.[[35]]
HTML элемент <menu> представляет собой группу команд, которую пользователь может выполнить или активировать.[[36]]
Встроенные текстовые семантики
Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.
HTML-элемент <a> определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.[[37]]
HTML-элемент <abbr> «аббревиатура» представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title. Иные значения title кроме расшифровки аббревиатуры не допускаются.[[38]]
HTML элемент <b> является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.[[39]]
Тэг <br> (элемент переноса строки) устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании стихов или адреса, где важно деление на строки. Недопустимо использование <br> для увеличения разрыва между строками в тексте; для этого используется CSS-свойство margin элемента <p>.[[40]]
HTML-элемент <cite> (от англ. Citation) представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращенном виде в соответствии с правилами, используемых для добавления метаданных цитирования.[[41]]
HTML-элемент <code> отображает содержимое стилизованное под фрагмент компьютерного кода. По умолчанию, содержимое отображается используя моношринный шрифт, установленный в браузере по умолчанию.[[42]]
HTML-элемент <em> помечает текст, на который необходимо сделать акцент. Элемент <em> может быть вложенным.[[43]]
HTML-элемент <i> помечает кусок текста который по некоторым причинам выделяется из основного. Например, технические термины или фразы на иностранном языке. Обычно отображаются курсивом.[[44]]
HTML элемент ввода с клавиатуры (<kbd>) указывает на то, что текст внутри элемента описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, обозреватель использует моноширный шрифт для отображения содержимого элемента <kbd> по-умолчанию, хотя это и не указывается HTML стандартом явно. [[45]]
HTML элемент <mark> представляет текст, выделенный в справочных целях из-за своей актуальности в определенном контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.[[46]]
HTML-элемент <q> указывает на короткую строчную цитату. Большинство современных броузеров осуществляют это через постановку ковычек. Этот элемент предназначен для коротких цитат, которые не требуют разрывов строк.[[47]]
HTML-элемент <small> уменьшает шрифт на один размер (например, от большого к среднему, или от среднего к малому) до минимального размера шрифта броузера. В HTML5, этот элемент предназначен для использования в качестве боковых комментариев и мелкого шрифта, включая авторские права и юридическую информацию.[[48]]
HTML-элемент <span> строковый контейнер, который не представляет ничего. Может использоваться для группировки элементов с целью стилизирования. <span> очень схож с элементом <div>, но <div> это блочный элемент, а <span> внутристрочный.[[49]]
Элемент сильной значимости (<strong>) указывает на то, что его содержание имеет большое значение, серьезность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.[[50]]
Содержание таблиц
Эти элементы используются для создания и обработки табличных данных.
HTML элемент таблицы (<caption>) определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга <table>. Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-size and text-align.[[51]]
HTML элемент <col> определяет столбец в таблице и используется для определения общей семантики на всех ячейках. Обычно он находится в элементе <colgroup>.Этот элемент позволяет стилизировать столбцы с использованием CSS, но только несколько атрибутов будут иметь эффект на столбец.[[52]]
HTML элемент <colgroup> определяет группу столбцов внутри таблицы.[[53]]
HTML элемент <table> представляет табличные данные. То есть информацию представленную в двумерной таблице в виде рядов и столбцов ячеек, содержащих данные.[[54]]
HTML элемент <tbody> инкапсулирует набор рядов, показывая что они составляют тело таблицы. Элемент <tbody> наравне с тегами <thead> и <tfoot>, предоставляет полезную семантическую (знаковую) информацию которая может использоваться для отрисовки изображения на экране или печати на принтере, а так же является признаком «хорошей практики».[[55]]
Элемент <td> определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.[[56]]
HTML элемент подвала таблицы (<tfoot>) определяющий набор строк суммирующих столбцы таблицы.[[57]]
HTML элемент <th> определяет ячейку как заголовок группы табличных ячеек. Точная природа этой группы определяется атрибутами scope и headers.[[58]]
HTML элемент <thead> определяет набор рядов составляющих заголовок колонок таблицы.[[59]]
HTML элемент <tr> опредялет ряд ячеек в таблице.[[60]]
Формы
HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер
HTML элемент <button> представляет нажимаемою кнопку, которая может быть использована в формах или где угодно в документах где нужна простая функциональность обычной кнопки. По умолчанию, HTML кнопки обычно имеют стиль схожий с тем что использует клиентская платформа (ОС), но это можно изменить с использованием CSS.[[61]]
HTML элемент <datalist> содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list.[[62]]
HTML элемент <fieldset> используется для группировки нескольких элементов управления внутри web-формы.[[63]]
HTML элемент <form> представляет собой раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.[[64]]