Главная
События
Проекты
Контакты
Вход Регистрация Забыли пароль ?
webinformatic - Как создать игру ? - Программируем сами - Изучаем и модифицируем пример CreateDevice
подробнее...
Программы
Статьи сайта
webinformatic - Теория и практика хакерских атак - самозащита от нападения - Способы подмены реального IPwebinformatic - Fruity Loops Studio 9 - Как синтезировать свои сэмплы - изучаем возможности плагина Sytrus
webinformatic - Видоизменяем тему для Wordpress под свои нужды
webinformatic - Flash приложения и игры - Шаг 3 - управляемый шарик
webinformatic - Учимся создавать флеш-игры, что нужно знать для того, чтобы заняться созданием flash приложений и игр ?
webinformatic - Шаг 4 в освоении Flash-технологий - как анимировать персонажа и управлять им
webinformatic - Форма для смены шаблонов сайта. Модуль template selector
webinformatic - megainformatic cms express files + module slider
webinformatic - Создание сайта бесплатно или под заказ
webinformatic - Как создать flash баннер
webinformatic - Разработка flash-приложения для сайта: онлайн примерочная
webinformatic - Мои впечатления о книге - Владислав Крапивин - Журавленок и Молнии
webinformatic - Модуль отзывов/комментариев для вашего сайта
webinformatic - Модуль отзывов/комментариев для вашего сайта
webinformatic - Модуль отзывов/комментариев для вашего сайта
webinformatic - Модуль короткие ссылки short link
webinformatic - Работа с сокетами fsocket из php
webinformatic - Как создать игру Создание игровых панелей и индикаторов
webinformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс
webinformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс
webinformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс
webinformatic - Система управления сайтом на php - megainformatic cms admin files
webinformatic - обзор антивирусных средств защиты
webinformatic - как работает антивирус ?
webinformatic - Создание сайта для бизнеса
webinformatic - Новый взгляд на очевидные вещи
webinformatic - Разработка программ на c++
webinformatic - Немного о музыке
webinformatic - GET и POST запросы
webinformatic - для чего нужна карта сайта
webinformatic - Web Администрирование
webinformatic - Мысли о разном
webinformatic - Легко ли быть программистом
webinformatic - Глубины программирования на C++
webinformatic - Убираем лимит на размер импортируемого файла в PhpMyAdmin
webinformatic - Как создать torrent файл
webinformatic - Нужна ли валидация вашему сайту ?
webinformatic - Недобросовестные клиенты, ЧЕРНЫЙ СПИСОК
webinformatic - Правила размещения материалов
webinformatic - игра для pc - black shades freeware 2002
webinformatic - игра / game CrazyCars3D v9.0 RU/EN - ранний доступ, shareware
игра / game Capsized 2011 PC, EN - обзор игры
урок / tutorial Direct3D 10 Урок 1 - Tutorial 1
игра / game Braid 2008 PC, EN - обзор игры
проекты, игры, уроки, видео, музыка, статьи, обзоры - страница 399
супер видео, костя коробкин комикс, проекты, игры, уроки, видео, музыка, статьи, обзоры - страница 400
выпуск 40 - познай свою реальность часть 1, веселый буквоежка игра, веселый буквоежка, webinformatic проекты, выпуск 39 balls on lift, balls on lift, balls on lift 2, bol 2, шарики на лифте часть 2, создание и доработка сайтов, выпуск 38 сайты, игры, уроки, видео, музыка, статьи, обзоры - страница 401
Выпуски 38 - 44 Посвященные созданию игры на движке fle game engine
Выпуски 44 - 47 Посвященные созданию сцен в игре и генераторам частиц - снег, дождь, звезды, красивые эффекты
Выпуски 47.2 - 54 Разноцветный снег, Звезды, обзор комиксов о Косте Коробкине, Костя Коробкин в гостях у тёти Светы часть 1, directx 9c 3d трансформации. Основы, история развития проекта мега информатик, bubbles music clip, bubbles music clip версия 2
Paulo iOS, Android game Kurage Studios
Slime Rancher | Windows, Mac, Linux | game | Monomi Park
Zombia | Windows | game | UnluckyGames
Job Simulator | VR, PS4 | game | Owlchemy Labs
Feudal Feud | Web, iOS, Android | game | Urubu Studio
Exoplanet: First Contact | Windows, Mac | game | Alersteam
Что нужно знать для создания сайта ? Глава 2 - Кодировки и DOCTYPE
[к содержанию]В предыдущей статье - Что нужно знать для создания сайта ? я очень кратко ознакомил Вас с тем, что нужно знать, о создании сайтов, если Вам интересна и близка эта тема.
Код html-страницы, который Я вам там привёл может работать правильно не всегда и не в любом браузере.
Почему ?
Знатоки этого вопроса ответят Вам, но краткий ответ не всегда понятен, особенно новичку, поэтому Мы попытаемся разобраться в деталях.
=========================================
I.) Первая проблема - это определение типа html документа, по описанному DOCTYPE.
=========================================
В нашем простейшем примере DOCTYPE был не указан, однако по правилам его указывать нужно обязательно.
На сайте htmlbook.ru приводится следующее определение для DOCTYPE
Элемент предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать .
Существует несколько видов , они различаются в зависимости от версии языка, на которого ориентированы. В табл. 1. приведены основные типы документов с их описанием.
| DOCTYPE | Описание |
|---|---|
| HTML 4.01 | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> | Строгий синтаксис HTML. |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | Переходный синтаксис HTML. |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> | В HTML-документе применяются фреймы. |
| HTML 5 | |
| <!DOCTYPE html> | Для всех документов. |
| XHTML 1.0 | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | Строгий синтаксис XHTML. |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | Переходный синтаксис XHTML. |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> | Документ написан на XHTML и содержит фреймы. |
| XHTML 1.1 | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | Разработчики XHTML 1.1 предполагают, что он постепенно вытеснит HTML. Никакого деления на виды это определение не имеет, синтаксис один и подчиняется четким правилам. |
Так что как видим, для своего сайта Вы можете выбрать из таблицы любой подходящий DOCTYPE и указать его.
Язык html постоянно развивается, расширяясь и дополняясь его разработчиками. Именно поэтому так необходимо использовать DOCTYPE.
Кроме того, после задания DOCTYPE вам нужно обязательно соблюдать некоторые правила, в записи тегов. Так, если Вы задали для DOCTYPE обычный тип html-документа, то и теги Вы продолжаете записывать так обычно, а вот если Вы задали тип как XHTML, тогда запись тегов может несколько измениться, например символ <br>, вам нужно будет записывать как <br/>
Помимо основных, существуют также некоторые переходные типы DOCTYPE, например <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Они также были приведены в таблице указанной выше.
Полный перечень и более подробное описание всех возможных вариантов DOCTYPE и их применения можно почерпнуть здесь - http://www.w3.org/TR/html401/struct/global.html
Правда указанная там информация представлена на английском.
=========================================
II.) Вторая проблема - использованная в html-документе кодировка и тег, её задающий.
=========================================
Проблемы, которые могут возникать в связи с различными заданными кодировками были уже рассмотрены мной в статье - Проблема с кодировками при отображении страниц сайта
Всё что Вам нужно знать для того, чтобы не возникало проблем с кодировками это 2 вещи:
1) Сразу после открывающего тега <head> укажите такую строчку -
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
При этом сам файл страницы должен быть также сохранен в этой же кодировке - windows-1251
Нарушения кодировки происходят именно из-за конфликта между реальной кодировкой, которую имеет ваш файл страницы и тем, что задано в мета-теге для charset.
Бывают конечно и другие ситуации (см. Проблема с кодировками при отображении страниц сайта ), но чаще всего причина именно в этом.
В заключение данной статьи давайте перепишем код нашей первой странички в новом виде -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<title>Моя первая страница</title>
</head>
<body>
Привет! Это текст на моей первой странице.<br><br>
Ура !!! Работает !!!<br><br>
</body>
</html>
При этом сохраняем файл index.html в кодировке windows-1251 (если сохраняете из блокнота, то указываете её как ANSI)
далее
[к содержанию]
