Обобщённая информация об HTML

Обобщённая информация об HTML

Опции

Vialls_mw

Topic Starter сообщение

1.9.2008, 16:49; Ответить: Vialls_mw

Сообщение #21

Главный модер

Группа: User
Сообщений: 581
Регистрация: 10.3.2008
Из: Оренбург
Поблагодарили: 0 раз
Репутация:

1

Общее
HTML - это язык разметки гипертекста, с помощью которого создаются веб-страницы. Язык HTML является интерпретируемым языком, т.е. его не надо компилировать (как в случае с программами), он просто обрабатывается браузером при просмотре веб-страницы. Веб-страницы обычно имеют расширения: "*.html" и "*.htm". Для редактирования веб-страниц можно использовать любой текстовой редактор (я пользуюсь этим).

Кросс-браузерность
Ранее, в 90-ых годах, большой проблемой веб-мастеров являлась - создание кросс-браузерных веб-страниц, т.е. веб-страниц, которые одинакого отображаются во всех наиболее популярных бразуерах. Все началось с того, что наиболие популярные браузеры (в то время, помоему IE, Netscape и еще кто-то), борясь за лидерство, стали создавать собственные элементы HTML, это привело к очень большой путанице (как я сочуствую нашим предкам =))... Все прекратилось благодоря браузерам, которые пытались следовать стандартом W3C (прочитать про W3C можно тут). Но на данный момент, все же существуют проблемы совместимости, но они совсем незначительные и позже мы научимся их исправлять

.

xHTML - HTML построенный на базе XML
Существует расширенный язык HTML - это xHTML. По сути, это тот-же HTML но с более строгими правилами (как у XML). Ниже представлены основные правила, которых надо придерживаться (добавьте, если что-то упустил, я мог

):
1. Все теги должны быть закрыты. В случае с тегами, которые не имеют закрывающегося тега (например ), на конце должен быть ОБЯЗАТЕЛЬНЫЙ пробел и прямой слэш - "/". Например:

.....
Строка 1
 
Строка 2
......

2. Теги и аттрибуты, должны быть записаны в нижнем регистре. Например:

......
Не верно!!!
 
Верно
......

3. В HTML есть теги, которые принимают логические значения (т.е. не нужно указывать значение аттрибута, а просто написать его название, это как включить/выключить). В xHTML это не проходит. Смотрите пример:

......
<option selected>Это обычный HTML, для xHTML это считается ошибкой</option>
......
......
<option selected="selected">Это xHTML, ошибок нету</option>
......

4. Все значения аттрибутов должны находится в кавычках. Только я не знаю можно ли в одиночных... Я использую двойные и знаю, что это не ошибка:

......
<a href=index.html>Считается ошибкой</a>
 
<a href="index.html">Нет ошибки</a>
......

Ну вроде все... Остается придерживаться этих правил и все будет хорошо.

Структура HTML-документа
Ниже приведен код, самого простого HTML-документа, а далее все по порядку разбирается:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Пример документа</title>
</head>
<body>
Тело документа
</body>
</html>

В первой строке находится, так называемый DOCTYPE. Эта строка указывает на тип и спецификацию документа. Вообще-то эта строка не обязательна, но я настоятельно рекомендую использовать ее на своих страничках, т.к. если ее нету, браузер пытается сам определить тип документа и иногда у него выходит не правильно...
В xHTML существует 4-е версии DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Первый вариант, если честно не знаю, какие запреты ставит на документ. По моим предположениям, этот DOCTYPE идентичен Transitional'у.
Второй вариант, идентичен Transitional'у, но может содержать теги, предназначенные для работы с фреймами.
Третий вариант, может содержать устаревшии теги. В основном его используют для совместимости со старыми версиями HTML.
Четвертый вариант, самый строгий и мой любимый

. Не может содержать устаревшии элементы. Советую использовать его.

Далее в нашем примере идет тег <html></html>. Этот тег просто указывает на начало и конец HTML-документа. Кстати, внутри него могут находится только два тега - <head></head> - голова и <body></body> - тело.

Внутри тега <head></head> находится информация предназначеная для браузера. Это заголовок страницы, тип-документа, кодировка документа, внешние JS-файлы, CSS стили(каскадные таблицы стилей) и т.п.

Тег <title></title> указывает на заголовок страницы и ничего более.

Внутри тега <body></body> находится информация, которую должен отображать браузер (текст, таблицы, рисунки и всякая всячина) - контент.

Ну вот и все на сегодня. Завтра-послезавтра выложу следующую статью, уже более интересную, про разметку текста. \
Если есть, что добавить - пишите. Ну и конечно, вопросы приветствуются.

0

Ответить с цитированием данного сообщения

LOla_mw LOla_mw 19.11.2009, 2:11; Сообщений: 70 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	19.11.2009, 2:11; Ответить: LOla_mw Сообщение #22
Частый гость Группа: User Сообщений: 70 Регистрация: 19.11.2009 Поблагодарили: 0 раз Репутация: 0	Хорошая тема. Жаль, что нет продолжения.

ZiTosS ZiTosS 20.11.2009, 0:03; Сообщений: 5148 Поблагодарили: 0 раз Репутация: 8 Просмотр профиля	20.11.2009, 0:03; Ответить: ZiTosS Сообщение #23
Ваша совесть Группа: User Сообщений: 5148 Регистрация: 18.2.2008 Из: Нижний Новгород Поблагодарили: 0 раз Репутация: 8	LOla, как нет? Есть школа HTML, у меня в подписи, но там пока мало статей

LOla_mw LOla_mw 20.11.2009, 2:15; Сообщений: 70 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	20.11.2009, 2:15; Ответить: LOla_mw Сообщение #24
Частый гость Группа: User Сообщений: 70 Регистрация: 19.11.2009 Поблагодарили: 0 раз Репутация: 0	Да? Пойду почитаю, спасибо. А ну это я читала. Просто мне здесь статьи понравились, они более понятно что ли написаны, для новичков как раз.

ZiTosS ZiTosS 21.11.2009, 22:25; Сообщений: 5148 Поблагодарили: 0 раз Репутация: 8 Просмотр профиля	21.11.2009, 22:25; Ответить: ZiTosS Сообщение #25
Ваша совесть Группа: User Сообщений: 5148 Регистрация: 18.2.2008 Из: Нижний Новгород Поблагодарили: 0 раз Репутация: 8	LOla, здесь большой объем информации и сумбурно без уточнений. Вот в чём правда. А в школе мы пытаемся как можно более точно раскрыть узкие темы.

LOla_mw LOla_mw 22.11.2009, 13:29; Сообщений: 70 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	22.11.2009, 13:29; Ответить: LOla_mw Сообщение #26
Частый гость Группа: User Сообщений: 70 Регистрация: 19.11.2009 Поблагодарили: 0 раз Репутация: 0	Да да. Я сама хотела сказать сейсас то же самое. На самом деле я постоянно пользуюсь этим сайтом. Просто бывает нужно в нюансах разобраться и эта темка как раз об этом.

sergey22101979s sergey22101979s 7.5.2012, 15:52; Сообщений: 11 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	7.5.2012, 15:52; Ответить: sergey22101979s Сообщение #27
Новичок Группа: Viewer Сообщений: 11 Регистрация: 30.9.2011 Поблагодарили: 0 раз Репутация: 0	А вот все же у меня такой вопрос по теме, а если не ставить тегу <br > закрывающий: <br /> на что это может повлиять?

sc2r2bey

25.6.2012, 14:09; Ответить: sc2r2bey

Сообщение #28

Топовый постер

Группа: User
Сообщений: 2596
Регистрация: 22.8.2010
Поблагодарили: 10 раз
Репутация:

73

http://htmlbook.ru/html/br
т.е. повлияет на валидность кода
ЗЫ есть смысл уже школу html5 делать :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

Заметки о разработке и не только
программирую web и для we

« Предыдущая тема · Программная часть · Следующая тема »

2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Вёрстка HTML-писем	30	Vampler	29355	27.3.2024, 12:41 автор: Vampler
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки	9	malamut	3459	25.1.2024, 14:36 автор: malamut
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое	5	CULA	3398	19.12.2023, 18:55 автор: CULA
Залить html страницу на 20 доменов	6	TABAK	1705	22.5.2023, 16:24 автор: KORUP
Сделать правки на html-странице	5	TABAK	2303	20.5.2023, 10:45 автор: EvilGomel