From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- files/uk/web/html/attributes/index.html | 654 ------------------ files/uk/web/html/block-level_elements/index.html | 133 ---- files/uk/web/html/element/header/index.html | 146 ---- files/uk/web/html/element/html/index.html | 170 ----- files/uk/web/html/element/iframe/index.html | 261 ------- files/uk/web/html/element/index.html | 97 --- files/uk/web/html/element/input/date/index.html | 510 -------------- .../html/element/input/datetime-local/index.html | 543 --------------- files/uk/web/html/element/input/index.html | 753 --------------------- files/uk/web/html/element/link/index.html | 326 --------- files/uk/web/html/element/nav/index.html | 100 --- files/uk/web/html/element/script/index.html | 244 ------- files/uk/web/html/element/section/index.html | 174 ----- files/uk/web/html/element/style/index.html | 202 ------ files/uk/web/html/element/table/index.html | 372 ---------- files/uk/web/html/element/video/index.html | 421 ------------ .../web/html/global_attributes/hidden/index.html | 69 -- files/uk/web/html/global_attributes/index.html | 475 ------------- .../html/global_attributes/itemscope/index.html | 320 --------- .../uk/web/html/global_attributes/lang/index.html | 91 --- .../web/html/global_attributes/tabindex/index.html | 97 --- files/uk/web/html/index.html | 91 --- files/uk/web/html/inline_elements/index.html | 79 --- .../html/quirks_mode_and_standards_mode/index.html | 47 -- files/uk/web/html/reference/index.html | 28 - 25 files changed, 6403 deletions(-) delete mode 100644 files/uk/web/html/attributes/index.html delete mode 100644 files/uk/web/html/block-level_elements/index.html delete mode 100644 files/uk/web/html/element/header/index.html delete mode 100644 files/uk/web/html/element/html/index.html delete mode 100644 files/uk/web/html/element/iframe/index.html delete mode 100644 files/uk/web/html/element/index.html delete mode 100644 files/uk/web/html/element/input/date/index.html delete mode 100644 files/uk/web/html/element/input/datetime-local/index.html delete mode 100644 files/uk/web/html/element/input/index.html delete mode 100644 files/uk/web/html/element/link/index.html delete mode 100644 files/uk/web/html/element/nav/index.html delete mode 100644 files/uk/web/html/element/script/index.html delete mode 100644 files/uk/web/html/element/section/index.html delete mode 100644 files/uk/web/html/element/style/index.html delete mode 100644 files/uk/web/html/element/table/index.html delete mode 100644 files/uk/web/html/element/video/index.html delete mode 100644 files/uk/web/html/global_attributes/hidden/index.html delete mode 100644 files/uk/web/html/global_attributes/index.html delete mode 100644 files/uk/web/html/global_attributes/itemscope/index.html delete mode 100644 files/uk/web/html/global_attributes/lang/index.html delete mode 100644 files/uk/web/html/global_attributes/tabindex/index.html delete mode 100644 files/uk/web/html/index.html delete mode 100644 files/uk/web/html/inline_elements/index.html delete mode 100644 files/uk/web/html/quirks_mode_and_standards_mode/index.html delete mode 100644 files/uk/web/html/reference/index.html (limited to 'files/uk/web/html') diff --git a/files/uk/web/html/attributes/index.html b/files/uk/web/html/attributes/index.html deleted file mode 100644 index f7499d1bf4..0000000000 --- a/files/uk/web/html/attributes/index.html +++ /dev/null @@ -1,654 +0,0 @@ ---- -title: HTML attribute reference -slug: Web/HTML/Attributes -translation_of: Web/HTML/Attributes ---- -

Елементи в HTML можуть мати атрибути; це додаткові величини, які певним чином змінюють безпосередньо елементи або їх поведінку для отримання необхідного користувачеві ефекту.

- -

Список атрибутів

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Назва атрибутуЕлементиОпис
accept{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Список типів даних, що приймає сервер, зазвичай, типів файлів.
accept-charset{{ HTMLElement("form") }}Список кодувань, які підтримуються.
accesskeyГлобальний атрибутВизначає комбінацію клавіш швидкого доступу для активації або фокусування на елементі.
action{{ HTMLElement("form") }}URI програми, яка обробляє інформацію, передану формою.
align{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }},  {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }},  {{ HTMLElement("td") }},  {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}Визначає вирівнювання елементу по горизогталі
alt{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}Показує альтарнативний текст у разі неможливості відобразити зображення.
async{{ HTMLElement("script") }}Вказуєна те, що скрипт повинен виконуватися асинхронно.
autocomplete{{ HTMLElement("form") }}, {{ HTMLElement("input") }}Вказує чи дозволено автозаповнення полів браузером.
autofocus{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Після завантаження сторінки, відбуватиметься автоматичне фокусування на цьому елементі.
autoplay{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Відтворює аудіо чи відео одразу, коли це стає можливим.
autosave{{ HTMLElement("input") }}Попередні значення повинні зберігатися у випадному списку, щоб можна було обрати значення з різних завантажень сторніки.
bgcolor{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }} -

Визначає колір заднього фону елементу.

- -
-

Примітка: Це застарілий атрибут. Натомість краще використовувати CSS-властивість {{ Cssxref("background-color") }}.

-
-
border{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }} -

Ширина границі.

- -
-

Примітка: Це застарілий атрибут. Натомість краще використовувати CSS-властивість {{ Cssxref("border") }}.

-
-
buffered{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Містить тривалість часу буферованого медіафайлу.
challenge{{ HTMLElement("keygen") }}A challenge string that is submitted along with the public key.
charset{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}Оголошує кодування символів сторінки або скрипту.
checked{{ HTMLElement("command") }}, {{ HTMLElement("input") }}Вказує чи слід перевіряти елемент при завантаженні сторінки.
cite{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}Містить URI, що вказує на джерело цитати або зміни.
classГлобальний атрибутЧасто використовують з CSS для задання стилю елементів зі спільними властивостями.
code{{ HTMLElement("applet") }}Вказує URL файла класу аплету для завантаження та виконання.
codebase{{ HTMLElement("applet") }}Цей атрибут надає абсолютну чи відносну URL директорії, де зберігаються файли .class аплету.
color{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }} -

Цей атрибут задає колір тексту за назвою кольору або його кодом у шістнадцятковому форматі RRGGBB.

- -
-

Примітка: Це застарілий атрибут. Натомість краще використовувати CSS-власивість {{ Cssxref("color") }}

-
-
cols{{ HTMLElement("textarea") }}Задає кількість колонок в текстовому полі.
colspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Цей атрибут задає кількість стовпців, яку займає одна комірка таблиці вширину.
content{{ HTMLElement("meta") }}Знаення, пов'язане з http-equiv або name залежно від контексту.
contenteditableГлобальний атрибутВказує чи можна змінювати вміст елементу.
contextmenuГлобальний атрибутВизначає ID елементу {{ HTMLElement("menu") }}, який слугуватиме контекстним меню елемента.
controls{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Вказує чи браузер відображатиме панель управління медіа користувачеві.
coords{{ HTMLElement("area") }}Набір значень, що задають координати активної області.
crossorigin{{ HTMLElement("audio") }}, {{ HTMLElement("img") }}, {{ HTMLElement("link") }}, {{ HTMLElement("script") }}, {{ HTMLElement("video") }}Визначає як елемент поводиться з запитами до різних джерел.
data{{ HTMLElement("object") }}Задає URL джерела.
data-*Глобальний атрибутДозволяє вам застосовувати до HTML-елемента користувацькі атрибути.
datetime{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}Вказує час та дату, пов'язані з елементтом.
default{{ HTMLElement("track") }}Indicates that the track should be enabled unless the user's preferences indicate something different.
defer{{ HTMLElement("script") }}Indicates that the script should be executed after the page has been parsed.
dirГлобальний атрибутDefines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
dirname{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} 
disabled{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Вказує на можливість взаємодії користувача з елементом.
download{{ HTMLElement("a") }}, {{ HTMLElement("area") }}Вказує на те, що посилання використовується для завантаження.
draggableГлобальний атрибутВизначає чи можна перетягувати елемент.
dropzoneГлобальний атрибутВказує чи може елемент приймати перетягування на нього контенту.
enctype{{ HTMLElement("form") }}Defines the content type of the form date when the method is POST.
for{{ HTMLElement("label") }}, {{ HTMLElement("output") }}Описує елементи, які належать до цього елементу.
form{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Визначає форму, яка є батьківською для цього елементу.
formaction{{ HTMLElement("input") }}, {{ HTMLElement("button") }}Indicates the action of the element, overriding the action defined in the {{ HTMLElement("form") }}.
headers{{ HTMLElement("td") }}, {{ HTMLElement("th") }}IDs of the <th> elements which applies to this element.
height{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} -

Задає висоту перелічених елементів. Для інших елементів краще використовувати CSS-властивість {{cssxref("height")}}.

- -
-

Примітка: У деяких випадках, зокрема для {{ HTMLElement("div") }}, це застарілий атрибут. Натомість для нього краще застосовувати CSS-властивість {{ Cssxref("height") }}.

-
-
hiddenГлобальний атрибутНе дозволяє рендеринг певного елемента, але не скасовує рендеринг дочірніх елементів, наприклад, скриптових і активних.
high{{ HTMLElement("meter") }}Вказує нижню межу верхнього діапазону.
href{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }} URL посилання на певне джерело.
hreflang{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Вказує на мову сторінки, на яку буде перейдено за посиланням.
http-equiv{{ HTMLElement("meta") }} 
icon{{ HTMLElement("command") }}Задає картинку, яка відображає команду.
idГлобальний атрибутЧасто використовується з CSS для задання стилю конкретному елементу. Значення цього атрибути повинно бути унікальним.
integrity{{ HTMLElement("link") }}, {{ HTMLElement("script") }}  -

Додатковий рівень захисту, дає змогу браузеру ідентифікувати, чи він стягує потрібний файл.

- -

Посилання MDN

-
ismap{{ HTMLElement("img") }}Вказує на те, що зображення є частиною заображення серверної карти.
itempropГлобальний атрибут 
keytype{{ HTMLElement("keygen") }}Визначає тип генерованого ключа.
kind{{ HTMLElement("track") }}Specifies the kind of text track.
label{{ HTMLElement("track") }}Specifies a user-readable title of the text track.
langГлобальний атрибутDefines the language used in the element.
language{{ HTMLElement("script") }}Defines the script language used in the element.
list{{ HTMLElement("input") }}Identifies a list of pre-defined options to suggest to the user.
loop{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}Indicates whether the media should start playing from the start when it's finished.
low{{ HTMLElement("meter") }}Indicates the upper bound of the lower range.
manifest{{ HTMLElement("html") }}Specifies the URL of the document's cache manifest.
max{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}Indicates the maximum value allowed.
maxlength{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Defines the maximum number of characters allowed in the element.
media{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}Specifies a hint of the media for which the linked resource was designed.
method{{ HTMLElement("form") }}Defines which HTTP method to use when submitting the form. Can be GET (default) or POST.
min{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}Indicates the minimum value allowed.
multiple{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Indicates whether multiple values can be entered in an input of the type email or file.
muted{{ HTMLElement("video") }}Indicates whether the audio will be initially silenced on page load.
name{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}Name of the element. For example used by the server to identify the fields in form submits.
novalidate{{ HTMLElement("form") }}This attribute indicates that the form shouldn't be validated when submitted.
open{{ HTMLElement("details") }}Indicates whether the details will be shown on page load.
optimum{{ HTMLElement("meter") }}Indicates the optimal numeric value.
pattern{{ HTMLElement("input") }}Defines a regular expression which the element's value will be validated against.
ping{{ HTMLElement("a") }}, {{ HTMLElement("area") }} 
placeholder{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Дає підказку користувачу про те, які дані треба вводити в поле.
poster{{ HTMLElement("video") }}URL, що відображає рамку постера під час програвання або пошуку.
preload{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}Вказує, чи потребує попереднього завантаження контент або його частина.
radiogroup{{ HTMLElement("command") }} 
readonly{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}Вказує чи можна редагувати цей елемент.
rel{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}Визнчає взаємозв'язок даного об'єкту та об'єкту посилання.
required{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}Вказує чи заповнення цього елементу є обов'язковим.
reversed{{ HTMLElement("ol") }}Вказує як відображати елементи списку: у порядку зростання чи спадання.
rows{{ HTMLElement("textarea") }}Визначає кількість рядків у текстовому полі.
rowspan{{ HTMLElement("td") }}, {{ HTMLElement("th") }}Визначає кількість рядків, які займає одна комірка таблиці.
sandbox{{ HTMLElement("iframe") }} 
scope{{ HTMLElement("th") }} 
scoped{{ HTMLElement("style") }} 
seamless{{ HTMLElement("iframe") }} 
selected{{ HTMLElement("option") }}Задає значення, яке буде обрано при звантаженні сторінки.
shape{{ HTMLElement("a") }}, {{ HTMLElement("area") }} 
size{{ HTMLElement("input") }}, {{ HTMLElement("select") }}Задає ширину елементу (у пікселях). Якщо елемент є стрічкою або текстом чи паролем, то цей атрибут задає кількість символів в ширину.
sizes{{ HTMLElement("link") }}, {{ HTMLElement("img") }}, {{ HTMLElement("source") }} 
slotГлобальний атрибутВідводить елементу місце у тіньовій моделі документу.
span{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }} 
spellcheckГлобальний атрибутВказує чи дозволена для цього елемента перевірка правопису.
src{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}URL вбудованого контенту.
srcdoc{{ HTMLElement("iframe") }} 
srclang{{ HTMLElement("track") }} 
srcset{{ HTMLElement("img") }} 
start{{ HTMLElement("ol") }}Задає значення початку відліку, якщо воно повинно бутит відмінним від "1".
step{{ HTMLElement("input") }} 
styleГлобальний атрибутВизначає CSS-стилі, які переписуюють попередньо задані властивості.
summary{{ HTMLElement("table") }} 
tabindexГлобальний атрибутПереписує порядок шарів сторінки за замовчуванням та встановлює свій.
target{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }} 
titleГлобальний атрибутТекст, який показується при наведенні курсору на елемент.
type{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}Визначає тип даних елементу.
usemap{{ HTMLElement("img") }},  {{ HTMLElement("input") }}, {{ HTMLElement("object") }} 
value{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}Задає величину, що буде відображатись за замовчуванням після завантаження сторінки.
width{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }} -

Задає ширину для всіх зазначених у списку елементів.

- -
-

Примітка: У інших випадках, наприклад для елементу  {{ HTMLElement("div") }}, цей атрибут застарілий, і краще використовувати CSS-властивість {{ Cssxref("width") }}.

-
-
wrap{{ HTMLElement("textarea") }}Вказує, чи потрібно додавати нові рядки до тексту.
- -

Content versus IDL attributes

- -

In HTML, most attributes have two faces: the content attribute and the IDL attribute.

- -

The content attribute is the attribute as you set it from the content (the HTML code) and you can set it or get it via {{domxref("element.setAttribute()")}} or {{domxref("element.getAttribute()")}}. The content attribute is always a string even when the expected value should be an integer. For example, to set an {{HTMLElement("input")}} element's maxlength to 42 using the content attribute, you have to call setAttribute("maxlength", "42") on that element.

- -

The IDL attribute is also known as a JavaScript property. These are the attributes you can read or set using JavaScript properties like element.foo. The IDL attribute is always going to use (but might transform) the underlying content attribute to return a value when you get it and is going to save something in the content attribute when you set it. In other words, the IDL attributes, in essence, reflect the content attributes.

- -

Most of the time, IDL attributes will return their values as they are really used. For example, the default type for {{HTMLElement("input")}} elements is "text", so if you set input.type="foobar", the <input> element will be of type text (in the appearance and the behavior) but the "type" content attribute's value will be "foobar". However, the type IDL attribute will return the string "text".

- -

IDL attributes are not always strings; for example, input.maxlength is a number (a signed long). When using IDL attributes, you read or set values of the desired type, so input.maxlength is always going to return a number and when you set input.maxlength ,it wants a number. If you pass another type, it is automatically converted to a number as specified by the standard JavaScript rules for type conversion.

- -

IDL attributes can reflect other types such as unsigned long, URLs, booleans, etc. Unfortunately, there are no clear rules and the way IDL attributes behave in conjunction with their corresponding content attributes depends on the attribute. Most of the time, it will follow the rules laid out in the specification, but sometimes it doesn't. HTML specifications try to make this as developer-friendly as possible, but for various reasons (mostly historical), some attributes  behave oddly (select.size, for example) and you should read the specifications to understand how exactly they behave.

- -

Також читай

- - diff --git a/files/uk/web/html/block-level_elements/index.html b/files/uk/web/html/block-level_elements/index.html deleted file mode 100644 index 2e1b9eef0f..0000000000 --- a/files/uk/web/html/block-level_elements/index.html +++ /dev/null @@ -1,133 +0,0 @@ ---- -title: Блокові елементи -slug: Web/HTML/Block-level_elements -tags: - - HTML - - HTML5 -translation_of: Web/HTML/Block-level_elements ---- -

В HTML (Hypertext Markup Language — мові гіпертекстової розмітки) елементи зазвичай бувають або блокові, або рядкові. Блокові елементи, або блок-елементи, займають всю ширину батьківського блока (контейнера), утворюючи таким чином блок. У цій статті пояснюється, як це працює. 

- -

Браузери зазвичай відображають кожний блоковий елемент з нового рядка. Це можна уявити як стопку блоків, у якій всі блоки розміщуються над або один під одним. 

- -
-

Блокові елементи завжди починаються з нового рядка та займають всю доступну ширину (розтягуються ліворуч та праворуч настільки, наскільки це дозволяє ширина вікна браузера).

-
- -

Приклади нижче показують, як працюють блокові елементи: 

- -

Блокові елементи

- -

HTML

- -
<p>Цей параграф є блоковим елементом; колір його бекграунду змінений, щоб показати батьківський елемент параграфа.</p>
- -

CSS

- -
p { background-color: #8ABB55; }
-
- -

{{ EmbedLiveSample('Block-level_Example') }}

- -

Застосування

- - - -

Блокові проти рядкових

- -

Є кілька ключових відмінностей між блоковими і рядковими елементами:

- -
-
Форматування
-
Типово, блоковий елемент починається з нового рядка, тоді як рядковий елемент може починатися будь-де в рядку. 
-
Модель контенту
-
Зазвичай блокові елементи можуть містити в собі рядкові елементи, а також інші блокові елементи. Ця структурна відмінність відображає ідею, що блокові елементи утворюють "більші" структури, ніж рядкові елементи.
-
- -

Розрізнення "блокові елементи vs. рядкові елементи" вживається в специфікаціях HTML до версії 4.01. В HTML5 це протиставлення заміщене більш складними поняттями категорій контенту. Блокові елементи здебільшого відповідають категорії flow content (розміщення контенту) в HTML5, тоді як рядкові — категорії phrasing content (текст і його розмітка), з декількома додатковими категоріями.

- -

Елементи

- -

Нижче подається повний перелік усіх блокових елементів HTML (технічно, у нових елементів, представлених у HTML5, "блоковість" вже не визначається). 

- -
-
-
{{ HTMLElement("address") }}
-
Контактна інформація.
-
{{ HTMLElement("article") }} {{ HTMLVersionInline(5) }}
-
Вміст статті.
-
{{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }}
-
Бічний контент.
-
{{ HTMLElement("blockquote") }}
-
Довга блок-цитата.
-
{{ HTMLElement("canvas") }} {{ HTMLVersionInline(5) }}
-
Канва для малюнків.
-
{{ HTMLElement("dd") }}
-
Описує термін в переліку визначень.
-
{{ HTMLElement("div") }}
-
Поділ документа.
-
{{ HTMLElement("dl") }}
-
Перелік визначень.
-
{{ HTMLElement("dt") }}
-
Термін в переліку визначень.
-
{{ HTMLElement("fieldset") }}
-
Лейбл (назва) для набору полів.
-
- -
-
{{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }}
-
Підпис зображення.
-
{{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }}
-
Групує медіаконтент з підписом (див. {{ HTMLElement("figcaption") }}).
-
{{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }}
-
Секція або футер сторінки. 
-
{{ HTMLElement("form") }}
-
Форма введення.
-
{{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}
-
Заголовки рівнів 1-6.
-
{{ HTMLElement("header") }} {{ HTMLVersionInline(5) }}
-
Секція або хедер сторінки.
-
{{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }}
-
Групує контент хедера.
-
{{ HTMLElement("hr") }}
-
Горизонтальна роздільна лінія.
-
{{ HTMLElement("li") }}
-
Пункт переліку.
-
{{ HTMLElement("main") }}
-
Містить основний контент, унікальний для цього документу.
-
{{ HTMLElement("nav") }}
-
Містить навігацію посилань. 
-
- -
-
{{ HTMLElement("noscript") }}
-
Контент, який буде відображатися, якщо скрипт не підтримується або вимкнений. 
-
{{ HTMLElement("ol") }}
-
Нумерований список (перелік).
-
{{ HTMLElement("output") }} {{ HTMLVersionInline(5) }}
-
Вихідні дані форми.
-
{{ HTMLElement("p") }}
-
Параграф.
-
{{ HTMLElement("pre") }}
-
Попередньо відформатований текст.
-
{{ HTMLElement("section") }} {{ HTMLVersionInline(5) }}
-
Секція веб-сторінки.
-
{{ HTMLElement("table") }}
-
Таблиця.
-
{{ HTMLElement("tfoot") }}
-
Футер таблиці.
-
{{ HTMLElement("ul") }}
-
Ненумерований список (перелік).
-
{{ HTMLElement("video") }} {{ HTMLVersionInline(5) }}
-
Відеоплеєр.
-
-
- -


- Також дивися:

- - diff --git a/files/uk/web/html/element/header/index.html b/files/uk/web/html/element/header/index.html deleted file mode 100644 index 15b51b687c..0000000000 --- a/files/uk/web/html/element/header/index.html +++ /dev/null @@ -1,146 +0,0 @@ ---- -title:
-slug: Web/HTML/Element/header -tags: - - HTML - - HTML елементи -translation_of: Web/HTML/Element/header -original_slug: Web/HTML/Елемент/Заголовок ---- -
{{HTMLRef}}
- -

HTML <header> елемент представляє групу вступних або навігаційних елементів. Він може містити елементи заголовків, а також інші елементи, такі як логотип, форма пошуку та інше.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Content categoriesFlow content, palpable content.
Permitted contentFlow content, but with no <header> or {{HTMLElement("footer")}} descendant.
Tag omission{{no_tag_omission}}
Permitted parentsAny element that accepts flow content. Note that a <header> element must not be a descendant of an {{HTMLElement("address")}}, {{HTMLElement("footer")}} or another {{HTMLElement("header")}} element.
Permitted ARIA roles{{ARIARole("group")}}, {{ARIARole("presentation")}}
DOM interface{{domxref("HTMLElement")}}
- -

Зауваження до використання

- -

The <header> element is not sectioning content and therefore does not introduce a new section in the outline. That said, a header element is intended to usually contain the surrounding section's heading (an h1–h6 element), but this is not required.

- -

Атрибути

- -

This element only includes the global attributes.

- -

Приклад

- -
<header>
-  <h1>Main Page Title</h1>
-  <img src="mdn-logo-sm.png" alt="MDN logo">
-</header>
-
- -

Main Page Title

- -

MDN

- -

Specifications

- - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-header-element', '<header>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-header-element', '<header>')}}{{Spec2('HTML5 W3C')}} 
- -

Browser compatibility

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support5{{CompatVersionUnknown}}{{CompatGeckoDesktop("2.0")}}9.011.104.1
-
- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support2.2{{CompatVersionUnknown}}{{CompatGeckoMobile("2.0")}}9.011.05.0
-
- -

See also

- - diff --git a/files/uk/web/html/element/html/index.html b/files/uk/web/html/element/html/index.html deleted file mode 100644 index 5aac366c84..0000000000 --- a/files/uk/web/html/element/html/index.html +++ /dev/null @@ -1,170 +0,0 @@ ---- -title: -slug: Web/HTML/Element/html -tags: - - Корінь - - Структура -translation_of: Web/HTML/Element/html -original_slug: Web/HTML/Елемент/html ---- -

{{HTMLRef}}

- -

HTML-елемент <html> являє собою корінь HTML-документа. Решта елементів мають бути його нащадками.

- -

Оскільки <html> є першим (за винятком коментарів) елементом документа, він зветься кореневим елементом. І хоча цей тег може бути відсутнім для {{glossary("HTML")}}, в {{glossary("XHTML")}} він має бути відкритий і закритий явно.

- - - - - - - - - - - - - - - - - - - - - - - - -
Категорії вмістуВідсутні.
Дозволений вмістОдин елемент {{HTMLElement("head")}} та один (наступний за ним) елемент {{HTMLElement("body")}}.
Обов'язковість тегів -

Початковий тег можна опустити, якщо перша річ всередині елементу <html> — не коментар. Кінцевий тег можна опустити тоді, коли одразу після елементу <html> немає коментаря, і він містить елемент {{HTMLElement("body")}}, що має або вміст (непустий), або початковий тег.

-
Дозволені пращуриЯк кореневий елемент документа, або як піддокумент складного документа там, де це дозволено.
Інтерфейс DOM{{domxref("HTMLHtmlElement")}}
- -

Атрибути

- -

Цей елемент має глобальні атрибути.

- -
-
{{htmlattrdef("manifest")}} {{obsolete_inline}}
-
Вказує URI manifest-файлу, що позначає ресурси, які підлягають локальному кешуванню. Детальніше див. Using the application cache.
-
{{htmlattrdef("version")}} {{obsolete_inline}}
-
Вказує версію HTML {{glossary("DTD", "Document Type Definition")}}  цього документа. Цей атрибут визнано застарілим, вживайте !DOCTYPE замість нього.
-
{{htmlattrdef("xmlns")}} 
-
Вказує простір імен (XML) документа. Типове значення "http://www.w3.org/1999/xhtml". Для XHTML то обов'язковий атрибут, а для HTML може бути відсутнім.
-
- -

Приклад

- -
-

Використаний в прикладі  {{glossary("DOCTYPE")}} вказує на {{glossary("HTML5")}}.

-
- -
<!DOCTYPE html>
-<html>
-  <head>...</head>
-  <body>...</body>
-</html>
-
- -

Специфікації

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'semantics.html#the-html-element', '<html>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'semantics.html#the-html-element', '<html>')}}{{Spec2('HTML5 W3C')}}Додано підтримку атрибута manifest (згодом визнаний застарілим).
- Атрибут version визнано застарілим.
{{SpecName('HTML4.01', 'struct/global.html#h-7.3', '<html>')}}{{Spec2('HTML4.01')}}Атрибут version визнано застарілим.
- -

Підтримка браузерами

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
manifest{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.9")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
manifest{{CompatVersionUnknown}}{{CompatGeckoMobile("1.9")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
-
- -

Див. також

- - diff --git a/files/uk/web/html/element/iframe/index.html b/files/uk/web/html/element/iframe/index.html deleted file mode 100644 index df56027e84..0000000000 --- a/files/uk/web/html/element/iframe/index.html +++ /dev/null @@ -1,261 +0,0 @@ ---- -title: '