Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

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

#1 Vialls

Vialls
  • Пользователь
  • 581 сообщений
  • Репутация: 1
0

Отправлено 01 Сентябрь 2008 - 15:49

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

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

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

2. Теги и аттрибуты, должны быть записаны в нижнем регистре. Например:
......
<B STYLE="color: #BFBFBF;">Не верно!!!</b>
<br />
<b style="color: #BFBFBF;">Верно</b>
......

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

4. Все значения аттрибутов должны находится в кавычках. Только я не знаю можно ли в одиночных... Я использую двойные и знаю, что это не ошибка:
......
<a href=index.html>Считается ошибкой</a>
<br />
<a href="index.html">Нет ошибки</a>
......

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

Структура 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.
Четвертый вариант, самый строгий и мой любимый :D. Не может содержать устаревшии элементы. Советую использовать его.

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

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

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

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



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

 

 

  • 0

#2 nomer8

nomer8
  • Пользователь
  • 276 сообщений
  • Репутация: 0

Отправлено 01 Сентябрь 2008 - 16:03

[quote]<B STYLE="color: #BFBFBF;">Не верно!!!</b>
<br />
<b style="color: #BFBFBF;">Верно</b>[/quote]
в смысле маленькими буквами?вроде да
и ещё есть просьба - больше разнообразных примеров и писать на "популярном" языке, ибо в значение некоторых слов мне не понятно :)
  • 0

#3 Vialls

Vialls
    Topic Starter
  • Пользователь
  • 581 сообщений
  • Репутация: 1

Отправлено 01 Сентябрь 2008 - 16:09

Что конкретно не понятно? Я бы понял (или щас так говорю :)). И какие примеры можно привести, еще не описав самого языка? Мне кажется я написал все, что нужно знать, для начала изучения HTML...
P.S.
На счет примеров - они есть... Просто более сложные не вижу смысла приводить, т.к. совсем ничего не будет ясно.
  • 0

#4 nomer8

nomer8
  • Пользователь
  • 276 сообщений
  • Репутация: 0

Отправлено 01 Сентябрь 2008 - 16:23

Vialls всмысле разнообразнее а не сложнее :) да хотя можно и по сложней
  • 0

#5 Vialls

Vialls
    Topic Starter
  • Пользователь
  • 581 сообщений
  • Репутация: 1

Отправлено 01 Сентябрь 2008 - 16:30

nomer8, Да, в смысле маленькими. Примеры - окей, в след. статьях придумаю, что нибудь :) . А на счет слов - спрашивайте - отвечу, и другим станет понятно. Надо же учится когда нибудь все равно :)


  • 0

#6 Xap

Xap
  • Пользователь
  • 1 520 сообщений
  • Репутация: 0

Отправлено 01 Сентябрь 2008 - 17:11

Интересно про xHTML. По своей сути я понимаю что это просто более строгая версия HTML или я не прав?
  • 0

#7 Vialls

Vialls
    Topic Starter
  • Пользователь
  • 581 сообщений
  • Репутация: 1

Отправлено 01 Сентябрь 2008 - 17:13

Именно! Html построен на SGML. А xHTML на XML. Т.е. по сути, HTML отличается от xHTML, как SGML от XML... :)


  • 0

#8 Xap

Xap
  • Пользователь
  • 1 520 сообщений
  • Репутация: 0

Отправлено 01 Сентябрь 2008 - 17:15

А вот чем отличается SGML от XML я не знаю :(


  • 0

#9 Vialls

Vialls
    Topic Starter
  • Пользователь
  • 581 сообщений
  • Репутация: 1

Отправлено 01 Сентябрь 2008 - 17:22

Вообще-то тем, что выше написано (4 примера приведено). Хотя может, есть отличая о которых я не знаю, но они точно совсем не важны для работы с xHTML :). Кстати, XML тоже, когда-то произошел от SGML, но очень изменился.


  • 0

#10 Xap

Xap
  • Пользователь
  • 1 520 сообщений
  • Репутация: 0

Отправлено 01 Сентябрь 2008 - 17:25

А почему теперь xml используется для sitemap? Он как-то удобен или какой-то особенный?
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru