| HTML | WebReference
- Содержание
- Синтаксис
- Закрывающий тег
- Атрибуты
- Пример
- Примечание
- Спецификация
- Браузеры
Элемент <s> (от англ. strikethrough — зачёркнутый) используется для содержимого, которое уже не является точным или актуальным. Браузеры отображают такой текст как перечёркнутый. Элемент <s> не должен применяться для удалённого текста, для этой цели есть элемент <del>.
В HTML4 использование данного элемента осуждается.
Синтаксис
<s>Текст</s>
Закрывающий тег
Обязателен.
Атрибуты
Пример
<!DOCTYPE html> <html> <head> <title>S</title> <meta charset=»utf-8″> </head> <body> <p><b>Список должников</b></p> <p><s>Чебурашка</s></p> <p><s>Крокодил Гена</s></p> <p>Шапокляк</p> </body> </html>Результат примера показан на рис. 1.
Рис. 1. Вид текста, оформленного с помощью <s>
Примечание
Для создания перечёркнутого текста вместо элемента <s> применяется стилевое свойство text-decoration со значением line-through.
<!DOCTYPE html> <html> <head> <title>S</title> <meta charset=»utf-8″> <style> .s { text-decoration: line-through; /* Перечёркнутый текст */ } </style> </head> <body> <p><b>Список должников</b></p> <p><span>Чебурашка</span></p> <p><span>Крокодил Гена</span></p> <p>Шапокляк</p> </body> </html>Спецификация
Спецификация | Статус |
---|---|
WHATWG HTML Living Standard | Живой стандарт |
HTML5 | Рекомендация |
HTML 4.01 Specification | Рекомендация |
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры
3 | 12 | 1 | 4 | 1 | 1 |
1 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
См. также
- <del>
- Продвинутая семантика и доступность
Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 09.10.2018
Редакторы: Влад Мержевич
Руководство для начинающих
Запуск, остановка, перезагрузка конфигурации Структура конфигурационного файла Раздача статического содержимого Настройка простого прокси-сервера Настройка проксирования FastCGI |
В этом руководстве даётся начальное введение в nginx и описываются
некоторые простые задачи, которые могут быть решены с его помощью.
У nginx есть один главный и несколько рабочих процессов. Основная задача главного процесса — чтение и проверка конфигурации и управление рабочими процессами. Рабочие процессы выполняют фактическую обработку запросов. nginx использует модель, основанную на событиях, и зависящие от операционной системы механизмы для эффективного распределения запросов между рабочими процессами. Количество рабочих процессов задаётся в конфигурационном файле и может быть фиксированным для данной конфигурации или автоматически устанавливаться равным числу доступных процессорных ядер (см. worker_processes).
Как работают nginx и его модули, определяется в конфигурационном файле. По умолчанию, конфигурационный файл называется
nginx.conf
и расположен в каталоге /usr/local/nginx/conf
, /etc/nginx
или /usr/local/etc/nginx
.
Запуск, остановка, перезагрузка конфигурации
Чтобы запустить nginx, нужно выполнить исполняемый файл.
Когда nginx запущен, им можно управлять, вызывая исполняемый файл с
параметром -s
.
Используйте следующий синтаксис:
nginx -s сигнал
Где сигнал может быть одним из нижеследующих:
-
stop
— быстрое завершение -
quit
— плавное завершение -
reload
— перезагрузка конфигурационного файла -
reopen
— переоткрытие лог-файлов
Например, чтобы остановить процессы nginx с ожиданием окончания обслуживания текущих запросов рабочими процессами, можно выполнить следующую команду:
nginx -s quit
Команда должна быть выполнена под тем же пользователем, под которым был запущен nginx.
Изменения, сделанные в конфигурационном файле, не будут применены, пока команда перезагрузить конфигурацию не будет вручную отправлена nginx’у или он не будет перезапущен. Для перезагрузки конфигурации выполните:
nginx -s reload
Получив сигнал, главный процесс проверяет правильность синтаксиса нового конфигурационного файла и пытается применить конфигурацию, содержащуюся в нём. Если это ему удаётся, главный процесс запускает новые рабочие процессы и отправляет сообщения старым рабочим процессам с требованием завершиться. В противном случае, главный процесс откатывает изменения и продолжает работать со старой конфигурацией. Старые рабочие процессы, получив команду завершиться, прекращают принимать новые запросы и продолжают обслуживать текущие запросы до тех пор, пока все такие запросы не будут обслужены. После этого старые рабочие процессы завершаются.
Посылать сигналы процессам nginx можно также средствами Unix,
такими как утилита kill
. В этом случае сигнал отправляется напрямую процессу с данным ID.
ID главного процесса nginx записывается по умолчанию в файл
nginx.pid
в каталоге /usr/local/nginx/logs
или /var/run
.
Например, если ID главного процесса равен 1628, для отправки сигнала QUIT,
который приведёт к плавному завершению nginx, нужно выполнить:
kill -s QUIT 1628
Для просмотра списка всех запущенных процессов nginx может быть использована
утилита ps
, например, следующим образом:
ps -ax | grep nginx
Дополнительную информацию об отправке сигналов процессам nginx можно найти в Управление nginx.
Структура конфигурационного файла
nginx состоит из модулей, которые настраиваются директивами, указанными
в конфигурационном файле.
Директивы делятся на простые и блочные.
Простая директива состоит из имени и параметров, разделённых пробелами,
и оканчивается точкой с запятой (;
). Блочная директива устроена так же, как и простая директива, но
вместо точки с запятой после имени и параметров следует набор дополнительных
инструкций, помещённых внутри фигурных скобок
(
{
и }
).
Если у блочной директивы внутри фигурных скобок можно задавать другие
директивы, то она называется контекстом (примеры:
events,
http,
server
и
location). Директивы, помещённые в конфигурационном файле вне любого контекста,
считаются находящимися в контексте
main.
Директивы events
и http
располагаются в контексте main
, server
—
в http
, а location
— в server
.
Часть строки после символа #
считается комментарием.
Раздача статического содержимого
Одна из важных задач конфигурации nginx — раздача
файлов, таких как изображения или статические HTML-страницы.
Рассмотрим пример, в котором в зависимости от запроса файлы будут
раздаваться из разных локальных каталогов: /data/www
,
который содержит HTML-файлы, и /data/images
,
содержащий файлы с изображениями.
Во-первых, создайте каталог /data/www
и положите в него файл index.html
с любым текстовым содержанием, а также
создайте каталог /data/images
и положите в него несколько
файлов с изображениями.
Далее, откройте конфигурационный файл.
Конфигурационный файл по умолчанию уже включает в себя несколько
примеров блока server
, большей частью закомментированных.
Для нашей текущей задачи лучше закомментировать все такие блоки и
добавить новый блок server
:
http { server { } }
В общем случае конфигурационный файл может содержать несколько блоков server
,
различаемых по портам, на
которых они
слушают,
и по
имени сервера.
Определив, какой
server
будет обрабатывать запрос,
nginx сравнивает URI, указанный в заголовке запроса, с параметрами директив location
, определённых внутри блока server
.
В блок server
добавьте блок location
следующего вида:
location / { root /data/www; }
Этот блок location
задаёт “/
”
в качестве префикса, который сравнивается с URI из запроса.
Для подходящих запросов добавлением URI к пути, указанному в директиве
root,
то есть, в данном случае, к /data/www
, получается
путь к запрашиваемому файлу в локальной файловой системе.
Если есть совпадение с несколькими блоками location
,
nginx выбирает блок с самым длинным префиксом.
В блоке location
выше указан самый короткий префикс,
длины один,
и поэтому этот блок будет использован, только если не будет совпадения
ни с одним из остальных блоков location
.
Далее, добавьте второй блок location
:
location /images/ { root /data; }
Он будет давать совпадение с запросами, начинающимися с /images/
(location /
для них тоже подходит, но указанный там префикс
короче).
Итоговая конфигурация блока server
должна выглядеть
следующим образом:
server { location / { root /data/www; } location /images/ { root /data; } }
Это уже работающая конфигурация сервера, слушающего на стандартном порту 80
и доступного на локальном компьютере по адресу http://localhost/
.
В ответ на запросы, URI которых начинаются с /images/
,
сервер будет отправлять файлы из каталога /data/images
.
Например, на запрос http://localhost/images/example.png
nginx отправит
в ответ файл /data/images/example.png
.
Если же этот файл не существует, nginx отправит ответ, указывающий на
ошибку 404.
Запросы, URI которых не начинаются на /images/
, будут
отображены на каталог /data/www
.
Например, в результате запроса http://localhost/some/example.html
в ответ будет
отправлен файл /data/www/some/example.
. html
Чтобы применить новую конфигурацию, запустите nginx, если он ещё не запущен,
или отправьте сигнал reload
главному процессу nginx,
выполнив:
nginx -s reload
В случае если что-то работает не как ожидалось, можно попытаться выяснить причину с помощью файловaccess.log
иerror.log
из каталога/usr/local/nginx/logs
или/var/log/nginx
.
Настройка простого прокси-сервера
Одним из частых применений nginx является использование его в качестве прокси-сервера, то есть сервера, который принимает запросы, перенаправляет их на проксируемые сервера, получает ответы от них и отправляет их клиенту.
Мы настроим базовый прокси-сервер, который будет обслуживать запросы
изображений из локального каталога и отправлять все остальные запросы на
проксируемый сервер.
В этом примере оба сервера будут работать в рамках одного
экземпляра nginx.
Во-первых, создайте проксируемый сервер, добавив ещё один блок server
в конфигурационный файл nginx со следующим
содержимым:
server { listen 8080; root /data/up1; location / { } }
Это будет простой сервер, слушающий на порту 8080
(ранее директива listen
не указывалась, потому что
использовался стандартный порт 80) и отображающий все
запросы на каталог /data/up1
в локальной файловой
системе.
Создайте этот каталог и положите в него файл index.html
.
Обратите внимание, что директива root
помещена в контекст server
.
Такая директива root
будет использована, когда директива location
, выбранная для выполнения запроса, не содержит
собственной директивы root
.
Далее, используйте конфигурацию сервера из предыдущего раздела
и видоизмените её, превратив в конфигурацию прокси-сервера.
В первый блок location
добавьте директиву
proxy_pass,
указав протокол, имя и порт проксируемого сервера в качестве параметра
(в нашем случае это http://localhost:8080
):
server { location / { proxy_pass http://localhost:8080; } location /images/ { root /data; } }
Мы изменим второй блок location
, который на данный момент отображает запросы
с префиксом /images/
на файлы из каталога /data/images
так, чтобы он подходил для запросов изображений
с типичными расширениями файлов. Изменённый блок
location
выглядит следующим образом:
location ~ \.(gif|jpg|png)$ { root /data/images; }
Параметром является регулярное выражение, дающее совпадение со всеми
URI, оканчивающимися на .gif
, .jpg
или .png
.
Регулярному выражению должен предшествовать символ ~
.
Соответствующие запросы будут отображены на каталог /data/images
.
Когда nginx выбирает блок location
,
который будет обслуживать запрос, то вначале он проверяет
директивы location,
задающие префиксы, запоминая location
с самым
длинным подходящим префиксом, а затем проверяет регулярные выражения.
Если есть совпадение с регулярным выражением, nginx выбирает соответствующий location
, в противном случае берётся запомненный ранее location
.
Итоговая конфигурация прокси-сервера выглядит следующим образом:
server { location / { proxy_pass http://localhost:8080/; } location ~ \.(gif|jpg|png)$ { root /data/images; } }
Этот сервер будет фильтровать запросы, оканчивающиеся на .gif
, .jpg
или .png
,
и отображать их на каталог /data/images
(добавлением URI к
параметру директивы root
) и перенаправлять все остальные
запросы на проксируемый сервер, сконфигурированный выше.
Чтобы применить новую конфигурацию, отправьте сигнал reload
nginx’у, как описывалось в предыдущих разделах.
Существует множество других директив для дальнейшей настройки прокси-соединения.
Настройка проксирования FastCGI
nginx можно использовать для перенаправления запросов на FastCGI-серверы. На них могут исполняться приложения, созданные с использованием разнообразных фреймворков и языков программирования, например, PHP.
Базовая конфигурация nginx для работы с проксируемым FastCGI-сервером
включает в себя использование директивы
fastcgi_pass
вместо директивы proxy_pass
,
и директив fastcgi_param
для настройки параметров, передаваемых FastCGI-серверу. Представьте, что FastCGI-сервер доступен по адресу
localhost:9000
.
Взяв за основу конфигурацию прокси-сервера из предыдущего раздела,
замените директиву proxy_pass
на директиву fastcgi_pass
и измените параметр на localhost:9000
.
В PHP параметр SCRIPT_FILENAME
используется для
определения имени скрипта, а в параметре QUERY_STRING
передаются параметры запроса.
Получится следующая конфигурация:
server { location / { fastcgi_pass localhost:9000; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_param QUERY_STRING $query_string; } location ~ \.(gif|jpg|png)$ { root /data/images; } }
Таким образом будет настроен сервер, который будет перенаправлять
все запросы, кроме запросов статических изображений, на проксируемый
сервер, работающий по адресу localhost:9000
,
по протоколу FastCGI.
HTML-тег
Тег HTML
представляет текст, который больше не является точным или неактуальным.
Браузеры обычно отображают
текст с линией посередине. Это похоже на текст, который был «вычеркнут» из-за того, что он больше не является точным или актуальным.
Синтаксис
Тег
записывается как
с нерелевантным/неточным текстом, вставленным между начальным и конечным тегами.
Вот так:
Здесь нерелевантный/неточный текст…
Примеры
Базовое использование тега
Не для редактирования документов
Тег
не следует использовать для представления правок документа. Чтобы пометить текст как удаленный из документа, используйте тег
.
Атрибуты
Атрибуты могут быть добавлены к элементу HTML, чтобы предоставить больше информации о том, как элемент должен выглядеть или вести себя.
Элемент
принимает следующие атрибуты.
Атрибут | Описание |
---|---|
Нет |
Глобальные атрибуты
Следующие атрибуты являются стандартными для всех элементов HTML. Поэтому вы можете использовать эти атрибуты с тегом
, а также со всеми другими тегами HTML.
ключ доступа
автокапитализировать
класс
редактируемый контент
данные-*
каталог
перетаскиваемый
скрытый
идентификатор
режим ввода
это
ИД товара
элементпроп
Артикул
предметная область
тип изделия
язык
часть
слот
проверка правописания
стиль
tabindex
Название
перевод
Полное объяснение этих атрибутов см. в разделе Глобальные атрибуты HTML 5.
Обработчики событий
Атрибуты содержимого обработчика событий позволяют вам вызывать сценарий из вашего HTML. Скрипт вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с другим событием.
прерывание
onauxclick
размытие
при отмене
онканплей
oncanplaythrough
при смене
по клику
при закрытии
в контекстном меню
онкопия
при обмене
врезной
ondblclick
ондраг
ондрагенд
ондрагентер
ондрагзит
на накладке
ондраговер
ондрагстарт
ondurationchange
при опорожнении
одноконцевой
при ошибке
онфокус
данные формы
на входе
недействительный
нажатие клавиши
нажатие клавиши
onkeyup
onlanguagechange
под нагрузкой
загруженные данные
загруженные метаданные
запуск при загрузке
onmouseenter
для мышей
onmousemove
onmouseout
при наведении мыши
на мышке
паста
при паузе
в игре
в игре
в процессе
при изменении скорости
при сбросе
при изменении размера
при прокрутке
нарушение политики безопасности
поиск
поиск
по выбору
при смене слота
установлен
при отправке
приостановить
своевременное обновление
нагрудник
при изменении объема
в ожидании
на колесе
Большинство атрибутов содержимого обработчика событий можно использовать для всех элементов HTML, но для некоторых обработчиков событий существуют определенные правила, определяющие, когда их можно использовать и к каким элементам они применимы.
Дополнительные сведения см. в разделе Атрибуты содержимого обработчика событий HTML.
HTML-тег — Изучите HTML
❮ Пред. Следующий ❯
Тег используется для определения текста, который больше не актуален. Браузеры отображают содержимое тега в виде перечеркнутого текста.
Например, тег можно использовать для отображения новой цены продукта, по-прежнему отображая исходную цену, но с линией посередине.
Не используйте тег для определения удаленного текста, поскольку это устаревший HTML-тег, вместо этого используйте тег .
Большинство технологий чтения с экрана не сообщают о существовании тега в конфигурации по умолчанию. Чтобы объявить об этом, используйте свойство содержимого CSS с псевдоэлементами ::after и ::before.
Тег идет парами. Содержимое записывается между открывающим () и закрывающим () тегами.
Пример тега HTML
<голова>Название документа <тело>
Я учусь в старшей школе.![]()
Я учусь в университете.
Попробуй сам »
Результат
Тег поддерживает глобальные атрибуты и атрибуты событий.
Как оформить тег
Общие свойства для изменения визуального веса/выделения/размера текста в теге
- Свойство CSS font-style задает стиль шрифта. нормальный | курсив | наклонный | начальная | наследовать.
- Свойство CSS font-family задает приоритетный список из одного или нескольких имен семейств шрифтов и/или общих имен семейств для выбранного элемента.
- Свойство CSS font-size устанавливает размер шрифта.
- Свойство CSS font-weight определяет, должен ли шрифт быть полужирным или толстым.
- Свойство CSS text-transform управляет регистром и регистром текста.
- Свойство CSS text-decoration определяет украшение, добавляемое к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.