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

Leave a Comment / Разное / By /

: Предварительно отформатированный текстовый элемент — 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

ТегОписаниеNNIEDTD
<!—…—>
Определяет комментарий		3. 03.0STF
<!DOCTYPE>Определяет тип документаSTF
<a>Определяет анкер3.03.0STF
<abbr>Определяет сокращение6.2
STF
<acronym>Определяет акроним6. 24.0STF
<address>Определяет элемент адреса4.04.0STF
<applet>Не рекомендуется. Определяет апплет2.03.0TF
<area>		Определяет область внутри карты ссылок3.03.0STF
<b>Определяет жирный текст3. 03.0STF
<base>Определяет базовый URL для всех ссылок на странице3.03.0STF
<basefont>Не рекомендуется. Определяет базовый шрифт3.03.0TF
<bdo>Определяет направление вывода текста6.25.0STF
<big>Определяет увеличенный текст3. 03.0STF
<blockquote>Определяет длинную цитату3.0
3.0		STF
<body>Определяет элемент тела3.03.0STF
<br>Определяет перенос одной строки3.03.0STF
<button>Определяет кнопку6. 24.0STF
<caption>		Определяет заглавие таблицы3.03.0STF
<center>Не рекомендуется. Определяет центрированный текст3.03.0TF
<cite>Определяет цитату3.03.0STF
<code>Определяет текст кода программы3.
0		3.0STF
<col>Определяет атрибуты для столбцов таблицы3.0STF
<colgroup>Определяет группы столбцов таблицы3.0STF
<dd>Определяет описание определения3.03.0STF
<del>		Определяет удаленный текст6. 24.0STF
<dir>Не рекомендуется. Определяет список каталогов3.03.0TF
<div>Определяет раздел документа3.03.0STF
<dfn>Задает термин определения3.0STF
<dl>Определяет список определений3. 03.0STF
<dt>Задает термин определения3.03.0STF
<em>Определяет выделенный текст3.03.0STF
<fieldset>Определяет набор полей6.24.0STF
<font>Не рекомендуется. Определяет шрифт, размер и цвет текста3. 03.0TF
<form>Определяет форму3.03.0STF
<frame>Определяет подокно (фрейм)3.03.0F
<frameset>Определяет набор фреймов3.03.0F
<h2> до <h6>Определяют заголовки с 1 по 6 размер3. 03.0STF
<head>Определяет информацию о документе3.03.0STF
<hr>Определяет горизонтальную линейку3.03.0STF
<html>Определяет документ html3.03.0STF
<i>Определяет наклонный текст (курсив)3. 03.0STF
<iframe>Определяет встроенное подокно (фрейм)6.04.0TF
<img>Определяет изображение3.03.0STF
<input>Определяет поле ввода3.03.0STF
<ins>Определяет вставленный текст6. 24.0STF
<isindex>Не рекомендуется. Определяет поле ввода из одной строки3.03.0TF
<kbd>Определяет текст с клавиатуры3.03.0STF
<label>Определяет метку для элемента управления формы6.24.0STF
<legend>Определяет заголовок в наборе полей6. 24.0STF
<li>Определяет элемент списка3.03.0STF
<link>Определяет ссылку на ресурс4.03.0STF
<map>Определяет карту ссылок3.03.0STF
<menu>Не рекомендуется. Определяет список меню3. 03.0TF
<meta>Определяет мета-информацию3.03.0STF
<noframes>Определяет раздел noframe3.03.0TF
<noscript>Определяет раздел noscript3.03.0STF
<object>Определяет встроенный объект3. 0STF
<ol>Определяет упорядоченный список3.03.0STF
<optgroup>Определяет группу вариантов6.06.0STF
<option>Определяет вариант в раскрывающемся списке3.03.0STF
<p>Определяет параграф3. 03.0STF
<param>Определяет параметр для объекта3.03.0STF
<pre>Определяет заранее отформатированный текст3.03.0STF
<q>Определяет короткую цитату6.2STF
<s>Не рекомендуется. Определяет зачеркнутый текст3.03.0TF
<samp>Определяет образец программного кода3.03.0STF
<script>Определяет сценарий3.03.0STF
<select>Определяет список с возможностью выбора3.03.0STF
<small>Определяет уменьшенный текст3. 03.0STF
<span>Определяет раздел документа4.03.0STF
<strike>Не рекомендуется. Определяет зачеркнутый текст3.03.0TF
<strong>Определяет акцентированный текст3.03.0STF
<style>Задает определение стиля4. 03.0STF
<sub>Определяет текст как нижний индекс3.03.0STF
<sup>Определяет текст как верхний индекс3.03.0STF
<table>Определяет таблицу3.03.0STF
<tbody>Определяет тело таблицы4. 0STF
<td>Определяет ячейку таблицы3.03.0STF
<textarea>Определяет текстовую область3.03.0STF
<tfoot>Определяет нижний заголовок таблицы4.0STF
<th>Определяет заголовок таблицы3. 03.0STF
<thead>Определяет верхний заголовок таблицы4.0STF
<title>Определяет заглавие документа3.03.0STF
<tr>Определяет строку таблицы3.03.0STF
<tt>Определяет текст телетайпа3. 03.0STF
<u>Не рекомендуется. Определяет подчеркнутый текст3.03.0TF
<ul>Определяет неупорядоченный список3.03.0STF
<var>Определяет переменную3.03.0STF
<xmp>Не рекомендуется. Определяет заранее отформатированный текст3.03.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-сущностей. 
 
 Этот элемент включает только глобальные атрибуты.
    Нестандартный
    Not for use in new websites.">
    Устаревший
  
   

     
 Содержит  предпочтительное  количество символов, которые должны быть в строке. Это был нестандартный синоним  ширины  . Для достижения такого эффекта используйте 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 не будет опубликован. Обязательные поля помечены *