Краткий курс HTML 5. HTML-документ — Exlab
Когда вы набираете в редакторе обычный текст, то не задумываясь начинаете с первого слова. В нашем случае все несколько сложнее, поскольку сначала необходимо сообщить браузеру некоторую служебную информацию, сформировав каркас HTML-документа, а лишь затем приступать к его наполнению. Наш первый документ выглядит вот так:
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> Мой первый HTML-документ </body> </html>
Сохраните это в файл с расширением .html, после чего откройте его в браузере. Вы должны увидеть страницу с единственной надписью «Мой первый HTML-документ», да еще в заголовке браузера написано «Заголовок документа». Если вместо русских букв отображаются квадраты, то сохраните файл, выбрав в вашем редакторе кодировку UTF-8 (команда «Сохранить как…»).
Определение типа документа
Первая строчка сообщает браузеру, что наш документ составлен в формате HTML 5. Это так называемое DTD, и оно всегда расположено в самом начале. В других версиях HTML/XHTML эта строчка имеет более сложный вид и здесь рассматриваться не будет. Не забывайте указывать DTD, чтобы браузер знал, с чем имеет дело, и верно отображал документ.
Структура документа
Ниже находится корневой элемент <html>, охватывающий весь документ от DTD до самого конца. Внутри него один за другим расположены <head> и <body>. Как и следует из названия, <head> — это «голова» документа, в которой размещается заголовок <title> (его содержимое отображается в заголовке браузера) и прочая служебная информация (сейчас это единственный элемент <meta />).
<body> — это «тело» документа, в котором и находится основной текст.
Элементы <html>, <head> и <title>, наряду с DTD являются обязательными и должны быть размещены в описанном выше порядке. В противном случае документ не будет соответствовать стандартам W3C (проверьте одним из способов, описанных во введении). Это еще не значит, что он не будет отображаться в каких-либо браузерах, но нет гарантий, что отображение будет верным.
Кодировка документа
Элемент <meta /> предназначен для передачи служебной информации браузеру. Атрибут http-equiv определяет «о чем сообщить», а content — «что сообщить».
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
В этой строчке браузеру сообщается, что содержимое документа (content-type) соответствует MIME-типу text/html в кодировке UTF-8.
Более подробно возможности этого элемента будут рассмотрены позже. Тег <meta /> непарный, поэтому завершается косой чертой «/».
Если нет причин использовать другую кодировку, то сохраняйте HTML-документы в UTF-8 (в большинстве редакторов есть соответствующая опция). К ее недостаткам можно отнести, пожалуй, лишь больший размер файлов. Это связано с тем, что символы, не входящие в ASCII (латиница, цифры, знаки препинания и др.), занимают два байта, вместо одного. Преимущество же в том, что она позволяет использовать любые символы Unicode (включая большинство алфавитов мира). UTF-8 — рекомендуемая кодировка для HTML-документов, и давно является стандартом «де-факто» в интернете.
python — Почему вместо русского языка кракозябры?
Вопрос задан
Изменён 2 года 2 месяца назад
Просмотрен 471 раз
Только учусь делать сайт с помощью python.
И решил сделать страницу с русским языком, но вышли кракозябры:
Код:
#!/Python380/python
print("Content-type: text / html")
print(
"""
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Проба с Python</title>
</head>
<body>
<h2><b>Привет</b></h2>
</body>
</html>
"""
)
Кодировка файла python:
- python
- html
- python-3.x
- кодировка
- apache2
15
Как выяснилось в комментариях, автор вопроса использует Windows 10 для запуска кода. Так как канал stdout у Windows работает на кодировке cp866 (cp1251 — если была перенастроена кодовая страница), передавая текст страницы через print, вы приводите его к системной кодировке.
meta и кодировки, в которой код страницы попадает на сервер, вы и получаете кракозябры.Как один из вариантов решения данной проблемы, могу посоветовать записывать код страницы в какой-то файл на диске с указанием целевой кодировки. Делается это при открытии файла, например так:
raw_html = """
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Проба с Python</title>
</head>
<body>
<h2><b>Привет</b></h2>
</body>
</html>
"""
with open('path\to\file.html', mode='w', encoding='utf-8') as page_file:
page_file.write(raw_html)
1
На Хабре дали такой ответ:
import sys
import codecs
sys.stdout = codecs.getwriter("utf-8")(sys.stdout.detach())
После него всё стало работать👌
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
utf 8 — HTML на русском
спросил
Изменено 5 лет, 2 месяца назад
Просмотрено 25 тысяч раз
Мне нужно разработать русскую версию веба.
Я получаю текст от переводчика. Я копирую его в коде Dreamweaver, но он не работает.
У меня обычный заголовок:
Что мне делать?
- html
- utf-8
- dreamweaver
- кириллица
2
Вы должны изменить кодировку вашего файла на UTF-8. Вы можете выполнить этот процесс, когда вы Сохранить как файл в Блокноте или вы можете использовать Блокнот ++ (Кодировка -> Кодировать в UTF-8 ) для этого.
2
Документ http://www.mig-marketing.com/proves/nando/ru/ содержит только русский текст в изображении, но ссылается на http://www.mig-marketing.com/proves/nando/ ru/firma.html, который содержит (помимо текста на изображении) русский текст в кодировке ISO-8859-5 (= ISO Latin/Cyrillic).
Эта кодировка объявлена в мета-теге , но проблема в том, что объявление не имеет никакого эффекта, так как HTTP-заголовки имеют преимущество перед ними, и они говорят
Тип содержимого: текст/html; кодировка = ISO-8859-1
(Вы можете легко проверить заголовки ответов HTTP, используя Firefox с расширением для веб-разработчиков и выбрав Информация → Просмотреть заголовки ответов.)
Чтобы исправить это, обратитесь к администратору веб-сервера или попробуйте исправить это самостоятельно, если настройки Apache позволяют использование покаталоговых файлов .htaccess , в этом случае просто создайте файл с таким именем (включая начальную точку) в каталоге, содержащем русские файлы, и введите текст
AddType text/html;charset=ISO-8859-5 html
Это заставит сервер отправлять все файлы .html в этом каталоге с заголовками HTTP, которые определяют их как закодированные по стандарту ISO-8859-5.
Принудительно пересохраните все ваши файлы в кодировке UTF8.
После стольких попыток я обнаружил, что проблема была в сервере. Я не знаю как именно, но когда я сказал им, что мне нужен веб на русском языке, они что-то изменили, и он работает!.
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
php — Как сохранить русские символы в файле с кодировкой UTF-8
спросил
Изменено 7 лет, 6 месяцев назад
Просмотрено 23 тысячи раз
Итак, у меня есть файл PHP с несколькими строками текста на разных языках.
Для большинства языков, таких как французский или испанский, я просто ввожу символы.
У меня проблема с русскими буквами. Файл PHP закодирован в UTF-8, как я могу убедиться, что русские символы как правильно сохраняются, так и правильно отображаются на выходной веб-странице… Это просто случай вставки текста в файл PHP, или это есть способ гарантировать, что символы будут правильно сохранены в файле — например, преобразование его в HTML-подобную нотацию?
Очевидно, я предполагаю, что у конечного пользователя будет правильная кодировка, установленная в его веб-браузере, я просто хочу убедиться, что у меня все есть с моей стороны.
Я использую Notepad++ в Windows для редактирования файла PHP.
Спасибо!
- php
- utf-8
- translate
Если вы хотите сообщить браузерам свою кодировку, поместите ее в тег
Или короткая версия
Этого должно быть достаточно, чтобы русские символы правильно отображались на веб-странице.
, если ваш тип документа html, declare , но если ваш тип документа xhtml, то объявите .
Никогда не предполагайте, что конечный пользователь будет действовать правильно во время ваших разработок
Если у вас уже есть какой-то документ, отредактируйте метатег вашего документа для объявления кодировки и используйте кодировку notepad++> конвертируйте в UTF-8 без спецификации , сохраните документ, смело продолжайте использовать свою многоязычную структуру с этого момента.
Тег php не имеет отношения к вашему вопросу, поскольку вы не упоминаете ни о каких настройках символов базы данных.
1
В UTF-8 нет разницы между латинскими и кириллическими символами. Оба являются просто последовательностями байтов. Настройте свой сервер или скрипт PHP для отправки Content-Type: text/html;charset=utf , и вы в относительной безопасности.