h…i… էլեմենտներ
<h1 data-no-auto-translation=""> <h2 data-no-auto-translation=""> <h3 data-no-auto-translation=""> <h4 data-no-auto-translation=""> <h5 data-no-auto-translation=""> <h6 data-no-auto-translation="">
Определите заголовок текста.
Վերնագիր
Վերնագիր
Վերնագիր
Վերնագիր
Վերնագիր
Վերնագիր
<head>…</head>
Это контейнер для элементов, которые предоставляют браузеру дополнительные данные о html-документе, а также микроданные поисковым системам.
Например, заголовок html-документа определяется как: <title>тот <script>для Javascript, <style>- для Css и т.д.
<head> Размещенные элементы не отображаются на веб-странице, за исключением <title>из заголовка страницы.
Элементы, определенные в <title>, <style>, <base>, <link>, <meta>, <script>, <noscript> :
<header>…</header>
Обычно здесь размещают название сайта, логотип, меню, окно поиска и т. д.
Можно вставить любой элемент, кроме
<header> не смешивайте элемент <head>-с
<hr>
Определяет горизонтальную линию между двумя текстами.
Например:
<html>...</html>
Элемент сообщает браузеру, где начинается и где заканчивается HTML-код.
Это основной элемент html-документа, в котором размещаются остальные элементы, включая <head> и <body>тот
<html>определяется немедленно <!DOCTYPE>после
<html>являются лишь непосредственными элементами <head>-и <body>-в
Атрибуты:
manifest
manifest - например manifest= “example.cache” – определяется имя файла, в котором указаны имена ресурсов, которые браузер должен кэшировать (хранить) в своей памяти, чтобы открыть веб-страницу в офлайн-версии.
Файл может содержать имена файлов в формате html, css и javascript, изображения и т. д.
Этот атрибут устарел и больше не используется.
xmlns
xmlns – используется только xhtmlв Определяет «пространство имен».
Названия элементов в xml мы решаем сами. Один XML-документ может содержать содержимое нескольких других XML-документов. Поскольку названия элементов определены нами, они могут повторяться. Поэтому для каждого XML-документа определяется специальное имя, по которому можно отличить, к какому «домену имен» принадлежит элемент.
<i>…</i>
Чтобы отобразить текст курсивом.
Например:
<iframe>…</iframe>
Определяет другую веб-страницу на главной веб-странице.
Например, CSS, связанный с главной страницей, не повлияет на фрейм, поскольку фрейм представляет собой другую веб-страницу.
Например:
HTML' (язык разметки гипертекста), язык разметки, используемый для разметки большинства веб-страниц. Язык HTML обрабатывается браузером и отображается как удобочитаемый документ.
Атрибуты:
height
height- например height= ”400px” - задает высоту элемента.
width
width- например: width= “400px” – определяет ширину элемента.
name
name- например name= “myFrame” – определяет имя для работы в JavaScript.
src
src - указывает адрес веб-страницы, которую следует открыть на фрейме.
seamless
seamless – наличие этого параметра указывает, что содержимое фрейма должно отображаться так, как если бы оно было частью основного документа, фрейм будет отображаться на главной странице без границ и возможности прокрутки.
allowfullscreen
allowfullscreen - позволяет ресурсу кадра, например, открывать видео на весь экран.
allow
allow- например allow= “accelerometer” - Если фрейму необходим доступ к определенным пользовательским данным, браузер предоставит эти данные после получения разрешения от пользователя.
accelerometer -дает доступ <iframe>для сбора данных о скорости перемещения устройства.
ambient-light-sensor -дает доступ <iframe>для сбора данных о яркости экрана устройства.
autoplay -позволяет <iframe>автоматически воспроизводить (воспроизводить) мультимедиа: видео или аудио.
battery -дает доступ <iframe>для сбора данных о батарее.
camera -дает доступ <iframe>использовать камеру устройства.
fullscreen -дает доступ <iframe>использовать весь экран устройства.
geolocation -дает доступ <iframe>использовать данные геолокации, то есть координаты местоположения пользователя.
gyroscope -дает доступ <iframe>чтобы узнать местоположение устройства.
microphone -дает доступ <iframe>использовать микрофон.
payment -дает доступ <iframe>-для запроса платежного API.
vibrate -дает доступ <iframe> вибрация устройства, к которому подключается
loading
loading - например loading= “eager”– определяет, когда браузер будет отображать фрейм в основном документе.
Имеет два значения:
eager –немедленно отобразить кадр независимо от кажется на экране или нет.
lazy - не открывайте рамку, пока она не появится на экране.
referrerpolicy
referrerpolicy - например пользователь находится на нашем сайте (например, www.example.com); там у нас есть ссылка, ведущая на другой веб-сайт (например, www.2example.com). Когда кто-то нажимает на ссылку, например www.2example.com, владелец этого веб-сайта может узнать, что его сайт посещали с нашего веб-сайта, то есть www.example.com.
Реферальными данными можно управлять referrerpolicy через атрибут.
Значения следующие:
no-referrer - реферер отправляется только тогда, когда доменные имена двух адресов совпадают.
no-referrer-when-downgrade - Направление будет передано только при условии неизменности протоколов обеих площадок. http/http, https/https или: http от https։ Данные не будут перенесены при перемещении httpsот http по типу.
origin -отправляет только имя домена без указания полного адреса. например, по адресу https://example.com/page1.html имя домена — https://example.com, а местоположение — /Страница 1:.html.
origin-when-cross-origin -отправляет полный адрес, когда доменное имя адреса совпадает. Отправляет только имя домена, если доменные имена адресов различны.
same-origin -referer отправляется только в том случае, если два доменных имени совпадают.
strict-origin –referer отправляется только тогда, когда уровень протокола не меняется, например https/https или http/http:.
strict-origin-when-cross-origin – отправляет полный адрес, когда доменные имена обоих адресов совпадают. Отправляет только имя домена при переходе с https на http.
unsafe-url – в любом случае отправляет полный реферальный адрес. не рекомендуется использовать этот тип.
Примеры,
Internet Explorer և Safari по браузерам referrerpolicy атрибут не поддерживается.
sandbox
sandbox - например sandbox= “allow-form” - используется для установки ограничений на кадр.
Когда определяется? sandbox= “” - опция без какого-либо значения, тогда мы активируем все ограничения, а в случае любого значения будут активированы все ограничения кроме указанного.
Значения следующие:
allow-forms --разрешает в кадре <form>-отправить данные на сервер.
allow-modals – позволяет модальным окнам открываться в фрейме. Обычно они содержат изображение, окно с текстовым предупреждением и т. д. Примеры модальных окон:
allow-popups - позволяет открыть другой сайт в новом окне в iframe (позволяет сделать "_blank").
allow-orientation-lock - позволяет использовать опцию блокировки ориентации устройства (ориентация - вертикальная или горизонтальная) после перехода.
allow-pointer-lock - после перехода фрейм позволяет использовать данный сайт Pointer Lock API, который относится к курсору мыши (со стрелкой).
allow-presentation - после перехода разрешает использование фрейма данным сайтом Presentation API, с помощью которого браузер может отображать веб-сайт на больших экранах, например телевизоре или любом проекторе.
allow-same-origin -после перехода позволяет загружать содержимое фрейма, как если бы оно имело тот же источник, что и содержимое главной страницы.
allow-scripts - после перехода позволяет рамка работоспособность Javascript-кода данного сайта.
allow-top-navigation -после перехода позволяет ссылкам в фрейме открываться на главной странице.
<img …>
Он предназначен для размещения изображения на странице. src alt атрибуты обязательны.
Атрибуты:
src
src - определяет адрес изображения. Если html-документ находится в том же месте, что и изображение, указывается только имя изображения: src= “nkar.jpg”, в противном случае необходимо указать полный адрес: src= “ C:Users\User\Pictures\nkar.jpg”:
alt
alt - например alt= “html-i nkar” - если картинка не открывается, будет отображаться альтернативный контент.
crossorigin
crossorigin — отправляем запрос типа CORS для поиска изображения на другом сервере. См. «a... элементы» из «
anonymous - отправить запрос CORS без данных cookie.
use-credentials – отправить запрос CORS с данными Cookie.
decoding
decoding -Прежде чем браузер откроет изображение, выполняются три шага:
1. изображение загружается с сервера в соответствии с его кодировкой, то есть смешанными символами.
2. Смешанные символы декодируются, то есть символы становятся одной общей картинкой и:
3.отображается браузером.
Браузер сначала загружает и отображает html-страницу, затем начинает декодировать изображение. выполняет эти операции последовательно (синхронно) или загружает html-страницу, отображает и декодирует изображение вместе (асинхронно).
decoding атрибут имеет три значения:
sync -декодировать картинку синхронной версией.
async -декодировать изображение асинхронно.
auto - браузер сам это определяет.
height
height - например height= “200px” - задает высоту изображения.
width
width - например width= “200px” – определяет ширину изображения.
ismap
ismap — Если атрибут доступен, браузер отправляет на сервер координаты, на какую часть картинки кликнул пользователь, и соответственно отправляет на него ответ.
В отличие <map> координаты элемента, картинка отправляются на сервер и там решается, что должно отображаться (см. также "элементы..." " раздел).
ismap- используется только тогда, когда <img> элемент установлен <a href="/ru/”…”/" data-no-auto-translation=""> в элементе.
loading
loading — сообщает браузеру, когда загрузить картинку.
Имеет два значения:
eager - загружает изображение независимо от того, находится ли пользователь в месте расположения изображения документа или нет.
lazy -не загружает изображение, пока пользователь не достигнет этого места на странице.
referrerpolicy
referrerpolicy -Смотреть <iframe> в объяснении элемента.
usemap
usemap - например usemap= “#myMap” - упомянуто <map> Идентификатор элемента, к которому прикреплено изображение <map>-в Должен использоваться перед идентификатором #(См. также «a... элементы» из « " раздел).
srcset
srcset - например srcset= “imageRetina.jpg 2x, image-phone.jpg 240w ” – если дисплей пользователя имеет размер в два пикселя, например Apple Retina, браузер отобразит imageRetina.jpg 2x -ը(нажатие 2x указывает на это), и если это экран телефона, он отобразит image-phone.jpg 240w -ը(ширина экрана указана 240w).
<input type=…>
Клиентам предоставляются поля для ввода данных. Они установлены <form> внутри элемента.
Данные для заполнения полей отличаются друг от друга: текст, пароль, список для выбора тех или иных условий (чекбокс, радио) и т.д.
Типы данных определены type через атрибут.
<input>-Атрибуты
accept
accept - например accept= “video, audio, image” - если type значение атрибута “file” является accept разрешенные типы файлов для передачи на сервер указываются с помощью атрибута. типы файлов перечисляются через запятую. Значение указывает разрешенный MIME-тип файла:
Video/mp4 - видео файлы принимаются.
Image/jpeg - фотографии принимаются.
Остальные типы MIME можно найти по следующей ссылке: wikipedia.org
alt
alt - например alt= “nkar” – значение отображается, когда файл не открыт. Это используется только type= “image” в течение
autocomplete
autocomplete – указывает, должны ли поля заполняться автоматически при отображении страницы веб-сайта в браузере.
То, что пользователь заполнил в прошлом, заполняется. Имеет два значения: “on” - браузер автоматически заполнит поля в соответствии с ранее заполненными данными и “off” - пользователь самостоятельно заполняет поля каждый раз, когда заходит на данный сайт.
В использовании typeиз text, search, url, tel, email, password, datepickers, range, color с видами.
autofocus
autofocus - наличие этого параметра указывает браузеру, что данное поле должно быть активным и заполняться сразу после отображения страницы. Определено только для одного поля.
checked
checked -наличие определяет, что данный ящик (checkbox-ը կամ radio-n) должны быть выбраны заранее. Только б/у type= “checkbox” և type= “radio” с видами.
disabled
disabled - наличие этого указывает на то, что данные <input> элемент должен быть недоступен.
form
form - значение будет таким <form>-идентификатор, которому принадлежат данные <input>тот Таким образом <input>-можно установить где угодно и не только <form>в
Если: form атрибут не указан, тогда обязателен <input>установить <form> в элементе.
formaction
formaction - например formaction= “handler.php” – предназначен для той же операции, что и из action атрибут. Если оба доступны formactionпредпочтительнее actionот Они указывают имя файла(код, написанный на языке бэкэнд-программирования), который будет обрабатывать передаваемые данные на сервере. Работает только type= “submit” և type= “image” с видами.
formenctype
formenctype - например formenctype= “multipart/form-data” – Определяет тип шифрования при передаче данных на сервер. См. также «e.. f... элементы» из « раздел «accept-charset».
Работает только с методом = тип «post».
В использовании type= “submit” и: type= “image” с видами.
Имеет следующие значения:
Application/x-www-form-urlencoded -все символы перед отправкой на сервер кодируются, а зонды меняются на «+».
Multipart/form-data -символы не кодируются. используется, когда type="file".
Text/plain -задачи преобразуются в "+", а специальные символы не кодируются (&, ?, = и т.п.).
formmethod
formmethod - указывается каким методом данные должны быть отправлены на сервер. Работает только type= “submit” и: type= “image” с видами.
Значения следующие:
get -данные добавляются к URL-адресу. Пример: https://example.com/account.?name=Name&surname=Surname/
post – данные передаются, но не добавляются в URL.
Это то же самое, что <form>-в: method- х. если оба присутствуют formmethodпредпочтительнее methodот
formnovalidate
formnovalidate – Наличие этого параметра указывает, что данные не будут проверяться перед передачей на сервер.
Это то же самое, что <form>-в: novalidate-ը. если оба присутствуют formnovalidate-предпочтительнее novalidate-от
formtarget
formtarget - указывает место, где будет отображаться ответ, отправленный сервером. См. также
Значения: «_blank, _self, _parent, _top, фреймиАнуны».
То же, что и целевой атрибут. если оба присутствуют formtarget-предпочтительнее targetот
height
height - задает высоту элемента. Использовать только type = ”image” с видом.
list
list – определяет соединение <datalist>-в и между Установить как значение <datalist>-идентификатор
Например:
min
min - например min= “2” или min= “1995-12-31” - устанавливает минимальное значение номера; Предназначен для type= “number” для типа.
Например:
Без атрибута max выбор будет два или более.
Также можно установить минимальную дату.
При использовании этого атрибута для даты он будет установлен type= “date”.
max
max - например max= “20” или max= “2005-12-31” - определяет максимальное значение числа или максимальную дату.
При использовании этого атрибута для даты он будет установлен type= “date”.
Например:
maxlength և minlength
maxlength и: minlength - например maxlength= “10” - указывает максимальное или минимальное количество символов, сколько символов пользователь может использовать при заполнении поля.
multiple
multiple - когда это доступно, пользователь может указать более одного данных в поле или отправить файлы.
Только б/у type= “email”и type= “file”с
Например:
Данные, в данном случае адрес электронной почты. адреса разделяются запятой.
name
name - например name= ”inchvorAnun” — определяем имя элемента, которое будет отправлено на сервер с данными. имя найдет данные <input> значение элемента. Также можно использовать в JavaScript.
pattern
pattern - например pattern= “2-[0-9] {3}-[0-9]{3}” - определено «регулярное выражение» (регулярное выражение), т.е. образец, заполняемые данные должны соответствовать указанному образцу.
В примере образец:
- сначала обязательно указать «2-»,
- тогда вам нужно трижды использовать число от нуля до девяти,
-затем отметьте символ «-»,
- снова введите число от нуля до девяти три раза.
Результатом может быть «2-346-682».
Образец Паттерна выполнен с использованием специальных символов:
они есть
Սիմվոլային կլասներ(Символьные классы)
\d - соответствует любому числу.
\D -соответствует всем символам, кроме цифр.
\s - соответствует всем типам зондов: обычный зонд, вкладка, смена строки и т. д.
\S - каждый символ, кроме s.
\w -соответствует всем латинским буквам и "_".
\W -соответствует каждому символу, кроме w.
․ – любой символ, кроме символа новой строки (\n).
Խարիսխ կոչվող սիմվոլներ(якоря)
^ - например ^Hello - поле для заполнения должно начинаться со слова «Здравствуйте».
$ - например world$ - поле для заполнения обязательно должно заканчиваться словом «мир».
Բառի սահմաններ նշող(граница слова)
\b - например bwwwwb - указывает границы слова. Слово имеет начало и конец. указывает, что слово, соответствующее образцу, должно быть отдельным, то есть иметь начало, содержание w символов и конец. Например: «Языки программирования разделены на две группы...» — в предложении образцу будет соответствовать только слово «в», поскольку оно имеет начало, четыре символа w и конец.
bтолько символы \w являются ограничением для . Например, слово не может начинаться с « ! ", или заканчиваться на ", ".
Будет соответствовать: - " \bHello\b мир: “, “ \bHello\b, мир: ".
Они не совпадают: \bHell\bмир: " (потому что слово заканчивается на символ "о", а не на "л"), " \bHello,\b мир: (потому что в конце стоит запятая).
Էկրանավորման սիմվոլներ(экранирование)
Для определения шаблона используются специальные символы (например, « ?, [, {, +, * " и т. д.). Чтобы использовать их как простые символы, вам необходимо их отобразить. Скрининг осуществляется с помощью символа "\".
Например: " \д\.\д: " - вот мы и проверили товар. Шаблон будет соответствовать примеру «3.2». Другими словами, мы согласились, что между этими двумя числами должна быть «точка». Вместо точки могут быть другие символы. Например: ” \д\{\д » Рисунок будет соответствовать до значения «3{2» и так далее.
Символ «\» будет отображаться следующим образом: ” \\ ".
Կոմպլեկտներ և միջակայքեր(наборы и диапазоны)
[afu] - это набор. Каждый текст, содержащий хотя бы один из указанных символов, будет соответствовать шаблону.
[0-9a-z] - это интервал. Шаблон будет соответствовать любому символу от a до z и от 0 до 9 (или [0-9A-Z], где необходимо использовать обязательные заглавные буквы.
Символьные классы также можно использовать внутри [ ]. Например, значение « [\w\s\w]» может быть «t k").
Также возможно исключить использование определенных символов. «^» через символ. Оно меняет свое значение при использовании" [ ] внутри "х.
[^aebvjg] - Исключает указанные символы, поэтому текст не может состоять только из этих символов. Например, «[^az]» нельзя использовать в тексте. Все латинские символы от a до z.
Кванторы ( ., +, *, ? и т. д.) — специальные символы, которые при использовании в квадратных скобках теряют свои свойства кванторов и становятся обычными символами, за исключением « ^ от ". если он указан в начале, его нужно экранировать, потому что без экранирования он будет трактоваться как эксклюзивный спецсимвол, с которым мы познакомились ранее.
Например: [\^В случае .+*fvgh] текст, в котором используется хотя бы один из указанных символов, будет соответствовать шаблону.
Կվանտիֆիկատորներ՝ +, *, ?, {n}:
{n} - Возьмем любое пятизначное число: 46754. шаблон для этого будет \d\d\d\d\d. Кванторы будут использоваться так, чтобы d не повторялось пять раз. Здесь "\d{5}" то же самое, что \d\d\d\d\d.
{n,n} – устанавливает диапазон количества чисел.
Например: » \d{4,9} для " «457635495493875683» будет соответствовать, поскольку оно обеспечивает От 4 до 9 диапазон:
” ^\d{4,9}$ ” будет соответствовать только в том случае, если количество От 4 до 9 находится в пределах досягаемости.
Если второе число не указано, а только запятая ({4,}) - можно использовать 4 и более цифр.
+ –например: ” ^[\d]+$ ” – установит 1 (обязательно) или более чисел. То же, что \d{1,}.
? - определит число, равное нулю или одной величине. " ^[\d]?$ " будет делать то же самое, что и " ^\d{0,1}$ ".
* -установит ноль или любое число. \d* сделает то же самое, что и d{0,}.
Փակագծային խմբեր՝ (…):
Если после скобок используется квантификатор, он будет относиться ко всему содержимому скобок.
Например: " ^hi+$ " - здесь квантификатор + будет относиться только к " i ".
«хиииии» будет соответствовать.
«хххиии» не будет соответствовать, потому что + применяется только " i ".
Если оно взято в скобки, " (Hi)+ ", квантификатор будет применяться к обоим. В результате допустимо будет заполнить поле следующим образом: " Hi, Hiiii, HiiHiii " и так далее.
Այլընտրանք(Կամ)։
«Կամ» отмечено " | с символом «. То есть он определяет два типа регулярных выражений шаблона. Пример: «[a-z0-9]+|[\D]+" - т.е. или " [a-z0-9]+ "вариант или" [D]+ " вариант.
placeholder
placeholder - например placeholder= “Name” - подсказывает пользователю, для чего предназначено данное поле. Подсказка исчезает, когда пользователь начинает заполнять поле. Используется, когда значение типа равно: text, search, url, tel, email, password.
readonly
readonly - логический атрибут, наличие которого определяет, что данное поле недоступно для заполнения, но ранее заполненное содержимое можно скопировать. Это отмечено value через атрибут:
required
required - логический атрибут, наличие которого определяет необходимость заполнения данного поля.
Используется, когда значение типа равно: text, search, url, tel, email, password, date, number, checkbox, radio, file.
size
size - например size= “5” – определяет длину поля. В случае 5 в поле будет достаточно указать только пять символов.
Этот атрибут используется, когда тип равен: text, search, tel, url, email, password:
src
src – используется только тогда, когда type= «image» и указывает адрес графического файла.
step
step - например step= “3” - когда type="number", то для чисел будет установлен интервал. например, если step= “3”-, то это может быть -3, 0, 3, 6 и т. д.
value
value - например value= “Hamadzajnvel” — работает по-разному с разными значениями типа.
Например: button, reset, submitопределяет текст, который будет помещен на кнопку.
text, password, hidden определяет их начальное значение во время
checkbox, radio, image - должны быть определены в момент времени, в котором будут указаны соответствующие значения.
width
width – задает ширину элемента в пикселях. используется только тогда, когда type= «image».
inputmode
inputmode - например inputmode= “numeric” — сообщает браузеру, какой тип клавиатуры предложить пользователю для заполнения поля.
Он имеет ряд значений, но будут изучены самые основные из них.
Значения следующие:
numeric
tel
decimal
url
search
enterkeyhint
enterkeyhint — для кнопки «Ввод» — значения вы можете увидеть на следующей картинке:
spellcheck
spellcheck - например spellcheck= “true” - проверяет грамматику введенного текста. true разрешает проверку, а false запрещает.
Если грамматика неверна, под данным словом появится красная линия.
tabindex
tabindex - например tabindex= “2” - в той же форме при наличии нескольких входов порядок активации полей при нажатии пользователем клавиши Tab будет определяться с помощью чисел, указанных в tabindex.
type
button
Устанавливает активную кнопку. Если вам нужно, чтобы кнопка не была связана с формой и используется для активации любого кода JavaScript, тогда будет использоваться эта опция.
checkbox
Определяет флажки, которые можно выбирать, снимать или выбирать несколько раз.
color
Позволяет пользователю выбрать цвет и использовать его код или отправить его на сервер для обработки.
date
Позволяет выбрать дату: день, месяц, год.
datetime-local
Позволяет выбрать дату: день, месяц, год, час, минута, день.
Устанавливает электронную почту поле адреса. Перед отправкой на сервер он будет проверен на соответствие.Что такое электронная почта? адрес стандартный.
file
Предоставляет кнопку для отправить на сервер любой файл.
hidden
Определяет поле, которое не отображается и не может быть изменено, но его значение, указанное атрибутом value, отправляется на сервер.
image
Определяет изображение, которое будет использоваться в качестве кнопки.
month
Позволяет выбрать месяц и год.
number
Поле будет заполнено только цифрами.
password
Предназначен для регистрации пароля.
radio
Предназначен для определения переключателей.
range
Определяет ползунок, кнопку прокрутки влево и вправо, в которой указанное значение будет использоваться в javascript или отправляться на сервер для обработки.
reset
Определяет кнопку для удаления Все данные, введенные в поля
search
Определяет текстовое поле для поиска слова.
submit
Определяет кнопку, которая отправляет данные поля на сервер. такой же как <button type= “submit”>тот
tel
Предназначен для указания номера телефона.
text
Предназначен для обозначения любого текста.
time
Предназначен только для хронометража.
url
Предназначен для указания URL-адреса. Перед отправкой на сервер он будет проверен на соответствие.Каков стандарт URL?(например: http://www.hayti.am ):
week
Предназначен для обозначения недели и года.