Тег <pre>

IE
1.0+
Chrome
1.0+
Opera
1.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Элемент <pre> определяет блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику. Внутри контейнера <pre> допустимо применять любые теги кроме следующих: <big>, <img>, <object>, <small>, <sub> и <sup>.

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

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

Атрибуты

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

Пример

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Тег PRE</title>
</head>
<body>
  <pre>
                         ****                     
                       ********                   
                    ************                  
                   ***************                
                *********************             
 *****        *****************    ***   ******   
  *****      *******************    ************* 
   *****    *********************    ****      ***
    *****   **********************   ***       ***
    ******************************   ****      ***
    ******************************   ****      ***
     *****************************   ****     *** 
      ****************************  ****    ****  
       ***************************  ****  ****    
        *************************  *********      
          *******************************         
              ***********************             
                  ****************                
                  ****************                 
  </pre>
</body>
</html>

Результат данного примера показан ниже.

Вид текста, оформленного с помощью тега pre

Категория: Блочные элементы, Форматирование

Статьи по теме