Какой тег определяет заранее отформатированный текст: Тег | htmlbook.ru

: Предварительно отформатированный текстовый элемент — HTML

**Элемент HTML <pre> **представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в HTML-файле. Текст обычно отображается с использованием непропорционального («monospace») шрифта. Пробелы внутри этого элемента отображаются как записанные.

Этот элемент включает в себя только глобальные атрибуты.

cols Non-standard Этот API вышел из употребления и его работа больше не гарантируется.

Содержит предпочтительное количество символов, которое должна иметь строка. Это был нестандартный синоним width. Чтобы добиться такого эффекта, используйте CSS width.

width Этот API вышел из употребления и его работа больше не гарантируется.

Содержит предпочтительное количество символов, которое должна иметь строка.

Хотя технически он все ещё реализован, этот атрибут не имеет визуального эффекта; чтобы достичь такого эффекта, используйте CSS width.

wrap Non-standard

Подсказка, указывающая, как должен происходить перенос. В современных браузерах этот атрибут игнорируется, и никакого визуального эффекта не приводит; чтобы достичь такого эффекта, используйте CSS white-space.

HTML

<p>Использовать CSS для изменения цвета шрифта легко.</p>
<pre>
body {
  color: red;
}
</pre>

Результат

Важно предоставить альтернативное описание для любых изображений или диаграмм, созданных с использованием предварительно отформатированного текста. Альтернативное описание должно чётко и лаконично описывать содержание изображения или диаграммы.

Люди, испытывающие проблемы с плохим зрением и просматривающие страницы с помощью вспомогательных технологий, таких как программа чтения с экрана, могут не понимать, что представляют собой предварительно отформатированные текстовые символы, когда они читаются последовательно. \ (oo)\_______ (__)\ )\/\ ||—-w | || || </pre> <figcaption> Корова говорит: «Я эксперт в своей области». Корова проиллюстрирована с использованием предварительно отформатированных текстовых символов. </figcaption> </figure>

  • MDN Understanding WCAG, Guideline 1.1 explanations
  • H86: Providing text alternatives for ASCII art, emoticons, and leetspeak | W3C Techniques for WCAG 2.0

BCD tables only load in the browser

with JavaScript enabled. Enable JavaScript to view data.
  • CSS: white-space, word-break
  • Связанный элемент: <code>

Last modified: , by MDN contributors

НОУ ИНТУИТ | Лекция | Справочник по HTML 4.01/XHTML 1.0

< Дополнительный материал 4 || Дополнительный материал 4: 12345

Аннотация: Справочник тегов и служебных символов HTML, с их классификацией по функциональным группам.

Ключевые слова: анкер, acronym, акроним, noframes, samp, control character, SOH, STX, ETX, EOT, BEL, NAK, ETB, разделитель записей, pound, мягкий дефис, para, LRM, unauthorized, e-payment, conflict

Справочник по HTML 4.01/XHTML 1.0

В алфавитном порядке
  • NN: указывает самую раннюю версию Netscape, которая поддерживает этот тег
  • IE: указывает самую раннюю версию Internet Explorer, которая поддерживает этот тег
  • DTD: указывает в каком DTD XHTML 1.0 разрешен этот тег. S=Strict, T=Transitional и F=Frameset

Тег Описание NN IE DTD
<!—…—>
Определяет комментарий
3. 0 3.0 STF
<!DOCTYPE> Определяет тип документа STF
<a> Определяет анкер 3.0 3.0 STF
<abbr> Определяет сокращение 6.2
STF
<acronym> Определяет акроним 6. 2 4.0 STF
<address> Определяет элемент адреса 4.0 4.0 STF
<applet> Не рекомендуется. Определяет апплет 2.0 3.0 TF
<area>
Определяет область внутри карты ссылок 3.0 3.0 STF
<b> Определяет жирный текст 3. 0 3.0 STF
<base> Определяет базовый URL для всех ссылок на странице 3.0 3.0 STF
<basefont> Не рекомендуется. Определяет базовый шрифт 3.0 3.0 TF
<bdo> Определяет направление вывода текста 6.2 5.0 STF
<big> Определяет увеличенный текст 3. 0 3.0 STF
<blockquote> Определяет длинную цитату 3.0
3.0
STF
<body> Определяет элемент тела 3.0 3.0 STF
<br> Определяет перенос одной строки 3.0 3.0 STF
<button> Определяет кнопку 6. 2 4.0 STF
<caption>
Определяет заглавие таблицы 3.0 3.0 STF
<center> Не рекомендуется. Определяет центрированный текст 3.0 3.0 TF
<cite> Определяет цитату 3.0 3.0 STF
<code> Определяет текст кода программы 3.
0
3.0 STF
<col> Определяет атрибуты для столбцов таблицы 3.0 STF
<colgroup> Определяет группы столбцов таблицы 3.0 STF
<dd> Определяет описание определения 3.0 3.0 STF
<del>
Определяет удаленный текст 6. 2 4.0 STF
<dir> Не рекомендуется. Определяет список каталогов 3.0 3.0 TF
<div> Определяет раздел документа 3.0 3.0 STF
<dfn> Задает термин определения 3.0 STF
<dl> Определяет список определений 3. 0 3.0 STF
<dt> Задает термин определения 3.0 3.0 STF
<em> Определяет выделенный текст 3.0 3.0 STF
<fieldset> Определяет набор полей 6.2 4.0 STF
<font> Не рекомендуется. Определяет шрифт, размер и цвет текста 3. 0 3.0 TF
<form> Определяет форму 3.0 3.0 STF
<frame> Определяет подокно (фрейм) 3.0 3.0 F
<frameset> Определяет набор фреймов 3.0 3.0 F
<h2> до <h6> Определяют заголовки с 1 по 6 размер 3. 0 3.0 STF
<head> Определяет информацию о документе 3.0 3.0 STF
<hr> Определяет горизонтальную линейку 3.0 3.0 STF
<html> Определяет документ html 3.0 3.0 STF
<i> Определяет наклонный текст (курсив) 3. 0 3.0 STF
<iframe> Определяет встроенное подокно (фрейм) 6.0 4.0 TF
<img> Определяет изображение 3.0 3.0 STF
<input> Определяет поле ввода 3.0 3.0 STF
<ins> Определяет вставленный текст 6. 2 4.0 STF
<isindex> Не рекомендуется. Определяет поле ввода из одной строки 3.0 3.0 TF
<kbd> Определяет текст с клавиатуры 3.0 3.0 STF
<label> Определяет метку для элемента управления формы 6.2 4.0 STF
<legend> Определяет заголовок в наборе полей 6. 2 4.0 STF
<li> Определяет элемент списка 3.0 3.0 STF
<link> Определяет ссылку на ресурс 4.0 3.0 STF
<map> Определяет карту ссылок 3.0 3.0 STF
<menu> Не рекомендуется. Определяет список меню 3. 0 3.0 TF
<meta> Определяет мета-информацию 3.0 3.0 STF
<noframes> Определяет раздел noframe 3.0 3.0 TF
<noscript> Определяет раздел noscript 3.0 3.0 STF
<object> Определяет встроенный объект 3. 0 STF
<ol> Определяет упорядоченный список 3.0 3.0 STF
<optgroup> Определяет группу вариантов 6.0 6.0 STF
<option> Определяет вариант в раскрывающемся списке 3.0 3.0 STF
<p> Определяет параграф 3. 0 3.0 STF
<param> Определяет параметр для объекта 3.0 3.0 STF
<pre> Определяет заранее отформатированный текст 3.0 3.0 STF
<q> Определяет короткую цитату 6.2 STF
<s> Не рекомендуется. Определяет зачеркнутый текст 3.0 3.0 TF
<samp> Определяет образец программного кода 3.0 3.0 STF
<script> Определяет сценарий 3.0 3.0 STF
<select> Определяет список с возможностью выбора 3.0 3.0 STF
<small> Определяет уменьшенный текст 3. 0 3.0 STF
<span> Определяет раздел документа 4.0 3.0 STF
<strike> Не рекомендуется. Определяет зачеркнутый текст 3.0 3.0 TF
<strong> Определяет акцентированный текст 3.0 3.0 STF
<style> Задает определение стиля 4. 0 3.0 STF
<sub> Определяет текст как нижний индекс 3.0 3.0 STF
<sup> Определяет текст как верхний индекс 3.0 3.0 STF
<table> Определяет таблицу 3.0 3.0 STF
<tbody> Определяет тело таблицы 4. 0 STF
<td> Определяет ячейку таблицы 3.0 3.0 STF
<textarea> Определяет текстовую область 3.0 3.0 STF
<tfoot> Определяет нижний заголовок таблицы 4.0 STF
<th> Определяет заголовок таблицы 3. 0 3.0 STF
<thead> Определяет верхний заголовок таблицы 4.0 STF
<title> Определяет заглавие документа 3.0 3.0 STF
<tr> Определяет строку таблицы 3.0 3.0 STF
<tt> Определяет текст телетайпа 3. 0 3.0 STF
<u> Не рекомендуется. Определяет подчеркнутый текст 3.0 3.0 TF
<ul> Определяет неупорядоченный список 3.0 3.0 STF
<var> Определяет переменную 3.0 3.0 STF
<xmp> Не рекомендуется. Определяет заранее отформатированный текст 3.0 3.0

Дальше >>

< Дополнительный материал 4 || Дополнительный материал 4: 12345

Предварительный тег HTML

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


Пример

Предварительно отформатированный текст:

 
Текст в элементе pre
отображается шрифтом фиксированной ширины
, и он сохраняет
оба пробелы и
разрывы строк

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

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


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

Тег

  определяет предварительно отформатированный текст. 

Текст в элементе

  отображается шрифтом фиксированной ширины и
текст сохраняет как пробелы, так и разрывы строк.  Текст будет отображаться
точно так, как написано в исходном коде HTML. 

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

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

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

Элемент
<пред> Да Да Да Да Да


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

Тег

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


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

Тег

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


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

Пример

Как создать предварительно отформатированный текст с фиксированной шириной (с помощью CSS):


Это предварительно отформатированный текст с фиксированной шириной
    ширина. Он будет использовать столько места, сколько указано.

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


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

Учебник HTML: Форматирование текста HTML

Ссылка HTML DOM: Предварительный объект значения:

Пример

pre {
  display: block;
  семейство шрифтов: моноширинный;
  пробел: предварительно;
  маржа: 1em 0;
}

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

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


НАБОР ЦВЕТА



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

900 Справочник по 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


ФОРУМ | О

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

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

&двоеточие; Элемент Preformatted Text — HTML: Язык гипертекстовой разметки

HTML-элемент

   представляет предварительно отформатированный текст, который должен быть представлен точно так, как он записан в файле HTML. Текст обычно отображается с использованием непропорционального или моноширинного шрифта. Пробел внутри этого элемента отображается как написано. 

Если вам нужно отобразить зарезервированные символы, такие как < , > , и и " в теге

  символы должны быть экранированы с помощью соответствующих HTML-сущностей. 

Этот элемент включает только глобальные атрибуты. Нестандартный Устаревший

Содержит предпочтительное количество символов, которые должны быть в строке. Это был нестандартный синоним ширины . Для достижения такого эффекта используйте CSS вместо ширины .

ширина Устаревший Нестандартный

Содержит предпочтительное количество символов, которые должны быть в строке. Хотя технически этот атрибут все еще реализован, он не имеет визуального эффекта; для достижения такого эффекта используйте CSS вместо ширины .

обертка Нестандартный Устаревший

Является подсказкой , указывающей, как должно произойти переполнение. В современном браузере эта подсказка игнорируется и не приводит к ее появлению; для достижения такого эффекта используйте вместо пробела CSS .

Важно предоставить альтернативное описание для любых изображений или диаграмм, созданных с использованием предварительно отформатированного текста. Альтернативное описание должно четко и кратко описывать содержание изображения или диаграммы.

Люди со слабым зрением и просмотр с помощью вспомогательных технологий, таких как программа чтения с экрана, могут не понять, что представляют предварительно отформатированные текстовые символы, когда они читаются последовательно.

Комбинация элементов

и
, дополненная атрибутами ARIA role и aria-label в элементе pre , позволяет объявить предварительно отформатированное изображение ASCII как изображение. \ (оо)\_______ (__)\ )\/\ ||----ш | || ||
Корова говорит: «Я эксперт в своей области». Корова изображена с помощью предварительно отформатированные текстовые символы.
  • MDN Понимание WCAG, пояснения к Руководству 1.1
  • H86: Предоставление текстовых альтернатив для изображений ASCII, смайликов и букв | Методы W3C для WCAG 2.0

Базовый пример

HTML
 

С помощью CSS легко изменить цвет шрифта.

<пред> тело { красный цвет; }
Результат

Экранирование зарезервированных символов

HTML
 
пусть я = 5;
если (i<10&&i">>0)
  вернуть "Однозначное число"
Результат
9040
Спецификация
HTML Standard
# PRE-Element

BCDENTEMP

BCDEMAVE

BCDENTEMNT

BCDENTEMNT

BCDEMAVE

BCDEMAVE.

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

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