From 55ddd4454665a3c66e3d5b186bc79048468d36e7 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Mon, 15 Mar 2021 14:29:50 +0300 Subject: Auto fixes --- .../html/html5/constraint_validation/index.html | 32 +++++++++++----------- files/ru/web/guide/html/html5/index.html | 14 +++++----- 2 files changed, 23 insertions(+), 23 deletions(-) (limited to 'files/ru/web/guide/html/html5') diff --git a/files/ru/web/guide/html/html5/constraint_validation/index.html b/files/ru/web/guide/html/html5/constraint_validation/index.html index cad42baedb..6276de0ced 100644 --- a/files/ru/web/guide/html/html5/constraint_validation/index.html +++ b/files/ru/web/guide/html/html5/constraint_validation/index.html @@ -6,7 +6,7 @@ tags: translation_of: Web/Guide/HTML/HTML5/Constraint_validation original_slug: HTML/HTML5/Constraint_validation --- -

Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование юзера о проблеме - может стать головной болью. Стандарт HTML5 предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и обязательная валидация, чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых аттрибутов; более сложные ограничения могут быть реализованы через HTML5 Constraint Validation API.

+

Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование юзера о проблеме - может стать головной болью. Стандарт HTML5 предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и обязательная валидация, чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых атрибутов; более сложные ограничения могут быть реализованы через HTML5 Constraint Validation API.

Внимание: HTML5 Constraint validation не отменяет валидацию на стороне сервера. Несмотря на то что на сервер будет отправляться меньше запросов с невалидными данными, такие запросы всё ещё могут быть отправлены менее "сговорчивыми" браузерами (например, браузерами без поддержки HTML5 и без JavaScript) или плохими парнями, пытающимися взломать ваше веб-приложение. Следовательно, как и в случае с HTML4, вам всё ещё нужно проверять ввод на стороне сервера, таким образом, чтобы это было согласовано с валидацией на стороне клиента.
@@ -15,13 +15,13 @@ original_slug: HTML/HTML5/Constraint_validation

В HTML5, базовые ограничения описываются двумя способами:

Семантические типы input-ов

-

Аттрибуты, присущие элементам {{ htmlattrxref("type", "input") }}:

+

Атрибуты, присущие элементам {{ htmlattrxref("type", "input") }}:

@@ -37,8 +37,8 @@ original_slug: HTML/HTML5/Constraint_validation @@ -53,7 +53,7 @@ original_slug: HTML/HTML5/Constraint_validation
  • ldh-str (описан в RFC 1034) - US-ASCII символы, цифры и "-", сгруппированы по словам и разделённые точкой (.).
  • -
    Внимание: если установлен аттрибут {{ htmlattrxref("multiple", "input") }}, в поле могут быть вписаны несколько e-mail адресов, разделённых запятыми. Если любое из этих условий не выполнено, будет вызвано Type mismatch constraint violation.
    +
    Внимание: если установлен атрибут {{ htmlattrxref("multiple", "input") }}, в поле могут быть вписаны несколько e-mail адресов, разделённых запятыми. Если любое из этих условий не выполнено, будет вызвано Type mismatch constraint violation.
    @@ -62,15 +62,15 @@ original_slug: HTML/HTML5/Constraint_validation

    Следует учесть, что большинство типов input не имеют "нативных" ограничений, а некоторые из них просто лишены валидации или имеют автоматическую корректировку невалидных значений по умолчанию. 

    -

    Аттрибуты валидации

    +

    Атрибуты валидации

    -

    Ниже перечислены аттрибуты, которые описывают базовые ограничения:

    +

    Ниже перечислены атрибуты, которые описывают базовые ограничения:

    Значение должно быть абсолютным URL, одним из:
    • валидным URI (как описано в RFC 3986)
    • -
    • валидным IRI, без query сомпонента (как описано в RFC 3987)
    • -
    • валидным IRI, без query сомпонента и без неэкранированных не-ASCII символов (как описано в RFC 3987)
    • +
    • валидным IRI, без query компонента (как описано в RFC 3987)
    • +
    • валидным IRI, без query компонента и без неэкранированных не-ASCII символов (как описано в RFC 3987)
    • валидным IRI, при условии, что кодировка документа UTF-8 или UTF-16 (как описано в RFC 3987)
    Type mismatch constraint violation
    - - + + @@ -88,7 +88,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -103,7 +103,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -117,7 +117,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -125,7 +125,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -148,7 +148,7 @@ original_slug: HTML/HTML5/Constraint_validation - + diff --git a/files/ru/web/guide/html/html5/index.html b/files/ru/web/guide/html/html5/index.html index a090f00d95..6583613185 100644 --- a/files/ru/web/guide/html/html5/index.html +++ b/files/ru/web/guide/html/html5/index.html @@ -37,11 +37,11 @@ original_slug: HTML/HTML5
    Использование HTML5 audio и video
    {{ HTMLElement("audio") }} и {{ HTMLElement("video") }} элементы вставляют и позволяют управлять мультимедиа контентом.
    Формы в HTML5
    -
    Взгляд на улучшение форм в HTML5: API валидации, несколько новых атрибутов, новые значения для аттрибута {{ htmlattrxref("type", "input") }} тега {{ HTMLElement("input") }} и новый элемент {{ HTMLElement("output") }}.
    +
    Взгляд на улучшение форм в HTML5: API валидации, несколько новых атрибутов, новые значения для атрибута {{ htmlattrxref("type", "input") }} тега {{ HTMLElement("input") }} и новый элемент {{ HTMLElement("output") }}.
    Новые семантические элементы
    Кроме секций, медиа и форм, множество новых тегов, такие как {{ HTMLElement("mark") }}, {{ HTMLElement("figure") }}, {{ HTMLElement("figcaption") }}, {{ HTMLElement("data") }}, {{ HTMLElement("time") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }} и {{ HTMLElement("meter") }}, увеличено количество валидных HTML5 элементов.
    Улучшение {{HTMLElement("iframe")}}
    -
    Использование атрубутов {{htmlattrxref("sandbox", "iframe")}}, {{htmlattrxref("seamless", "iframe")}}, and {{htmlattrxref("srcdoc", "iframe") }}, разработчики могут задать нужный уровень безопасности и осуществивить рендеринг тега {{HTMLElement("iframe")}}.
    +
    Использование атрибутов {{htmlattrxref("sandbox", "iframe")}}, {{htmlattrxref("seamless", "iframe")}}, and {{htmlattrxref("srcdoc", "iframe") }}, разработчики могут задать нужный уровень безопасности и осуществить рендеринг тега {{HTMLElement("iframe")}}.
    MathML
    Позволяет вставлять математические формулы.
    Введение в HTML5
    @@ -59,7 +59,7 @@ original_slug: HTML/HTML5
    Server-sent события
    Позволяет серверу отправлять события клиенту, а не по классической парадигме, где сервер может передавать данные только в ответ на запрос клиента.
    WebRTC
    -
    Эта технология, где RTC создает возможость общения в реальном времени, позволяет подключаться к другим людям и контролировать видеоконференции непосредственно в браузере, без необходимости плагинов и внешний приложений.
    +
    Эта технология, где RTC создает возможность общения в реальном времени, позволяет подключаться к другим людям и контролировать видеоконференции непосредственно в браузере, без необходимости плагинов и внешний приложений.

    ОФФЛАЙН И ХРАНИЛИЩЕ

    @@ -70,7 +70,7 @@ original_slug: HTML/HTML5
    Online and offline events
    Firefox 3 поддерживает WHATWG online и offline события, которые позволяют приложениям и расширениям обнаружить есть ли активное подключение к Интернет, а также определить, когда соединение портится или улучшается.
    WHATWG сессионное или постоянное хранилище (aka DOM Storage)
    -
    Постоянное или сессионое храилище позволяет веб-приложениям хранить структурированны данные на стороне клиента.
    +
    Постоянное или сессионное хранилище позволяет веб-приложениям хранить структурированные данные на стороне клиента.
    IndexedDB
    Веб-стандарт для хранения значительных количеств структурированных данных в браузере и для быстрого их поиска, используя индексы.
    Using files from web applications
    @@ -83,7 +83,7 @@ original_slug: HTML/HTML5
    Использование HTML5 audio и video
    {{ HTMLElement("audio") }} и {{ HTMLElement("video") }} элементы вставляют и позволяют управлять мультимедиа контентом.
    WebRTC
    -
    Эта технология, где RTC создает возможость общения в реальном времени, позволяет подключаться к другим людям и контролировать видеоконференции непосредственно в браузере, без необходимости плагинов и внешний приложений.
    +
    Эта технология, где RTC создает возможность общения в реальном времени, позволяет подключаться к другим людям и контролировать видеоконференции непосредственно в браузере, без необходимости плагинов и внешний приложений.
    Использование Camera API
    Позволяет контролировать, манипулировать и хранить изображения с камеры устройства.
    @@ -96,7 +96,7 @@ original_slug: HTML/HTML5
    HTML5 text API для <canvas>
    HTML5 text API сейчас поддерживается в {{ HTMLElement("canvas") }}.
    WebGL
    -
    WebGL приносит 3D в веб, соответстсвует OpenGL ES 2.0, может использоваться в HTML5 через {{ HTMLElement("canvas") }}.
    +
    WebGL приносит 3D в веб, соответствует OpenGL ES 2.0, может использоваться в HTML5 через {{ HTMLElement("canvas") }}.
    SVG
    Основанный на XML формат векторных изображений, который может быть непосредственно вставлен в HTML.
    @@ -162,7 +162,7 @@ original_slug: HTML/HTML5
    Анимируйте свой стиль
    Используйте CSS Переходы, чтобы анимировать изменение состояния элемента или CSS Анимации для анимации частей страницы без запуска событий, вы теперь можете контролировать мобильные элементы на вашей странице.
    Улучшение типографии
    -
    Авторы могут лучше контролировать типографию. Например, они могут контролировать {{ cssxref("text-overflow") }} и перенос слов, а также тень текста и его декорированиe. Могут загрузить и применить другой шрифт правилом {{ cssxref("@font-face") }}.
    +
    Авторы могут лучше контролировать типографию. Например, они могут контролировать {{ cssxref("text-overflow") }} и перенос слов, а также тень текста и его декорирование. Могут загрузить и применить другой шрифт правилом {{ cssxref("@font-face") }}.
    Новые презентационные макеты
    Для того, чтобы улучшить гибкость дизайна, добавили: CSS мульти-колоночный макет и CSS отзывчивый блочный макет.
    -- cgit v1.2.3-54-g00ecf
    АттрибутТипы input с поддержкой аттрибутаАтрибутТипы input с поддержкой атрибута Возможные значения Описание ограничения Связанное нарушение{{ htmlattrxref("min", "input") }} range, number Валидное числоЗначение поля должно быть больше или равно значению аттрибутаЗначение поля должно быть больше или равно значению атрибута Underflow constraint violation
    {{ htmlattrxref("max", "input") }} range, number Валидное числоЗначение поля должно быть меньше или равно значению аттрибутаЗначение поля должно быть меньше или равно значению атрибута Overflow constraint violation
    {{ htmlattrxref("required", "input") }} text, search, url, tel, email, password, date, datetime, datetime-local, month, week, time, number, checkbox, radio, file; also on the {{ HTMLElement("select") }} and {{ HTMLElement("textarea") }} elementsникакое так как это Boolean аттрибут: его присутствие означает true, а отсутствие - falseникакое так как это Boolean атрибут: его присутствие означает true, а отсутствие - false Значение должно быть не пустым (если установлено). Missing constraint violation
    {{ htmlattrxref("step", "input") }} date Целое число днейПока в аттрибут step не установлен любой литерал, значение может быть min + любое число, крастное шагу.Пока в атрибут step не установлен любой литерал, значение может быть min + любое число, красное шагу. Step mismatch constraint violation
    {{ htmlattrxref("maxlength", "input") }} text, search, url, tel, email, password; также на элементе {{ HTMLElement("textarea") }} Длина (целое число)Количество символов (знаков) не должно превышать значение аттрибута.Количество символов (знаков) не должно превышать значение атрибута. Too long constraint violation