Тег html ins: Тег | htmlbook.ru

Leave a Comment / Html / By /

⚡️ HTML и CSS с примерами кода

Тег <ins> (от англ. insert — вставка) предназначен для выделения текста, который был добавлен в новую версию документа.

Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.

Браузеры обычно помечают текст в контейнере <ins> как подчёркнутый.

Текстовые элементы
  • a
  • abbr
  • b
  • bdi
  • bdo
  • br
  • cite
  • code
  • data
  • del
  • dfn
  • em
  • i
  • ins
  • kbd
  • mark
  • q
  • ruby
  • rtc
  • rb
  • rp
  • rt
  • s
  • samp
  • small
  • span
  • strong
  • sub
  • sup
  • time
  • u
  • var
  • wbr

Синтаксис

<ins>Текст</ins>

Закрывающий тег обязателен.

Атрибуты

cite
Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.
datetime
Дата и время редактирования текста.

Для этого элемента также доступны универсальные атрибуты.

cite

Указывает ссылку на документ, где приведена причина редактирования текста и другие подробности.

Синтаксис

<ins cite="<адрес>">Текст</ins>

Значения

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

datetime

Устанавливает дату и время редактирования текста.

Синтаксис

<del datetime="<дата и время>">Текст</del>

Значения

Дата и время задаётся в международном формате ISO 8601. Примеры оформления приведены в табл. 1.

Табл. 1. Форматы даты и времени
ЗначениеФорматПример
ГодГГГГ2012
Месяц и годГГГГ-ММ2012-12
Полная датаГГГГ-ММ-ДД2012-12-23
Дата и время с минутамиГГГГ-ММ-ДДTчч:мм2004-07-24T18:18
Дата и время с секундамиГГГГ-ММ-ДДTчч:мм:сс2004-07-24T18:18:18
Дата и время с часовым поясомГГГГ-ММ-ДДTчч:мм:сс±чч:мм2004-07-24T18:18:18+04:00

Для каждой единицы существует своя заданная форма и ограничения.

  • Год — задаётся четырьмя цифрами (1860).
  • Месяц — две цифры (01 — январь, 02 — февраль, 12 — декабрь).
  • День — две цифры от 01 до 31.
  • Час — две цифры от 00 до 23.
  • Минуты — две цифры от 00 до 59.
  • Секунды — две цифры от 00 до 59.
  • Часовой пояс — часы и минуты с указанием знака плюс или минус.

Дата и время разделяются между собой заглавной латинской буквой T. Часовой пояс при необходимости пишется после времени со знаком плюс или минус. К примеру, для Москвы часовой пояс будет +03:00.

Значение по умолчанию

Нет.

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

  • WHATWG HTML Living Standard
  • HTML 5
  • HTML 4.01 Specification

Описание и примеры

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>INS</title>
  </head>
  <body>
    <p>
      Заметим, что схожий результат с Firefox показывает и
      браузер Opera, но, как видно на рис.  1, в последующих
      версиях
      <del>этот недостаток был устранен</del>
      <ins
        >подход разработчиков этого браузера был
        изменен</ins
      >.
    </p>
  </body>
</html>

Ссылки

  • Тег <ins> MDN (рус.)

seodon.ru | Теги HTML — Тег INS

Опубликовано: 25.06.2010 Последняя правка: 08.12.2015

Тег <INS> применяется для выделения части документа, которая была добавлена в текущей версии. Часто этот тег используется в паре с тегом <DEL>, который помечает старую информацию, удаленную в новом документе.

Эти два тега являются немного необычными для HTML, так как могут принимать вид блочного или встроенного элемента, в зависимости от места использования. Если они расположены внутри элемента, который может иметь только встроенные теги, то они тоже считаются inline-тегами. В противном случае они считаются блочными.

Обычно браузеры выделяют текст внутри этих элементов следующим образом: <DEL> — перечеркнутый, <INS> — подчеркнутый.

Атрибуты

Личные атрибуты: нет.

Общие атрибуты:

  • accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
  • class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
  • dir — указывает направление текста внутри элемента.
  • id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
  • lang — указывает язык, на котором написан текст внутри HTML-элемента.
  • style — необходим для применения встроенных стилей CSS к тегу.
  • tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
  • title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.

Тип тега

Назначение: текст (блоки).

Модель тега: block (блочный, уровня блока), если содержит теги уровня блока. Inline (встроенный, уровня строки), если содержит элементы уровня строки (встроенные). Может располагаться только внутри блочных или встроенных элементов.

Может содержать: block-теги или inline-теги, обычный текст и спецсимволы HTML (мнемоники), но не оба варианта одновременно.

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

<ins>содержимое</ins>

Пример HTML: применение тега INS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега INS</title>
 </head>
 <body>
  <p>..., а найденные сокровища Иван с Марьей оставили себе,
     конечно отдав в царскую казну положенные по закону 75%.
     И стали они жить-поживать, <del>да добро пропивать</del>
     <ins>да добра наживать</ins>.
 
 
 </p>
 </body>
</html>

Результат примера

Результат. Применение тега INS.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

HTML-тег ins

❮ Назад Полный справочник HTML Далее ❯


Пример

Текст с удаленной частью и новой вставленной частью:

Мой любимый цвет синий красный!

Попробуйте сами »

Определение и использование

Тег определяет текст, который был вставлен в документ. Браузеры будут обычно подчеркивают вставленный текст.

Совет: Также обратите внимание на тег для разметки удаленного текста.

Поддержка браузера

Элемент
Да Да Да Да Да

Атрибуты

Атрибут Значение Описание
ссылка URL-адрес Указывает URL-адрес документа, который объясняет причину, по которой текст был вставлен/изменен
дата-время ГГГГ-ММ-ДДTчч:мм:ссTZD Указывает дату и время вставки/изменения текста

Глобальные атрибуты

Тег также поддерживает глобальные атрибуты в HTML.

Атрибуты событий

Тег также поддерживает атрибуты событий в HTML.

Другие примеры

Пример

Используйте CSS для стилей и :





Мой любимый цвет

синий красный!


Попробуйте сами »

Связанные страницы

Ссылка HTML DOM: Ins Object

Настройки CSS по умолчанию

следующие значения по умолчанию:

Пример

ins {
  text-decoration: underline;
}

Попробуйте сами »

❮ Предыдущая Полный справочник HTML Следующий ❯


ВЫБОР ЦВЕТА

Лучшие учебники
Учебник HTML
Учебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3. CSS
Учебник Bootstrap
Учебник PHP
Учебник Java
Учебник C++
Учебник jQuery

904 Справочник 9004

904 Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular

Справочник по jQuery

Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

3

3 | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

Тег kbd HTML

❮ Назад Полный справочник HTML Далее ❯


Пример

Определить ввод текста с клавиатуры в документе:

Нажмите Ctrl + C, чтобы скопировать текст (Windows).

Нажмите Cmd + C для копирования текста (Mac OS).

Попробуйте сами »

Другие примеры "Попробуйте сами" ниже.

Определение и использование

Тег используется для определения ввода с клавиатуры. Содержимое внутри отображается моноширинным шрифтом браузера по умолчанию.

Совет: Этот тег не устарел. Однако, можно добиться более богатого эффекта с помощью CSS (см. пример ниже).

Смотрите также:

Тег Описание
<код> Определяет часть компьютерного кода
<образец> Определяет образец вывода из компьютерной программы
<вар> Определяет переменную
<пред> Определяет предварительно отформатированный текст

Поддержка браузера

Элемент
Да Да Да Да Да

Глобальные атрибуты

Тег также поддерживает глобальные атрибуты в HTML.

Атрибуты событий

Тег также поддерживает атрибуты событий в HTML.

Дополнительные примеры

Пример

Используйте CSS для стилизации элемента :





Нажмите Ctrl + C, чтобы скопировать текст (Windows).


Нажмите Cmd + C, чтобы скопировать текст (Mac ОС).


Попробуйте сами »

Связанные страницы

Учебник HTML: Форматирование текста HTML элемент со следующими значениями по умолчанию:

Пример

kbd {
  font-family: monospace;
}

Попробуйте сами »

❮ Предыдущая Полный справочник HTML Далее ❯


ВЫБОР ЦВЕТА

Лучшие учебники
Учебник HTML
Учебник CSS
Учебник JavaScript
How To Tutorial
Учебник SQL
Учебник Python
Учебник W3.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *