Новые комментарии

1 день назад
Вы не клиент данного хостинга. Есть тарифы которым...
1 день назад
Добрый вечер, это не наш хостинг. Реклама 
1 день назад
Фигня а не хост, ведущий мастер закрыть ваш тикет ...

Как вставить код на сайт

 Вы хотите выложить на сайте код с каким то решением или инструкцией, но у вас возникают с этим проблемы? Узнайте как сделать всё правильно и вывести код так как он отображается в редакторе кода.

Казалось бы не сложная задача - вставить код, но могут появиться трудности если не знать про некоторые правила о которых и будет речь.

Вставить код как код

Чтобы вставить код на сайт, его оборачивают в теги <pre> и <code>

. Получается следующая конструкция:

<code><pre><code>Тут код</code></pre>

Если объяснять коротко и по делу, то в данной конструкции тег code сообщает браузеру что внутри него находится программный код, а тег pre

сохраняет переносы строк, табуляцию (отступы) строк и пробелы.

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

, то могут возникнуть проблемы - браузер обработает ваш код как хтмл. Например, если вы в коде захотите показать код формы с кнопкой, полями ввода и т.п., браузер выведит именно форму, а не её код.

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

Код:
Код скопирован!
		<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Заголовок</title>
</head>
<body>
    
    
</body>
</html>
		
0
20:50
36
RSS
Нет комментариев. Ваш будет первым!
Загрузка...