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


Пользователь месяца
Андрей WPMasterKZ Андрей WPMasterKZ 1-й за Ноябрь
Очков активности: 888 1 тема, 71 сообщение, 8 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография OlgaGetman
    #1

    OlgaGetman
    Очков активности: 750 5 тем, 110 сообщений, 4 балла репутации

  • Фотография Mandarin
    #2

    Mandarin
    Очков активности: 564 3 темы, 85 сообщений, 4 балла репутации

  • Фотография TimurR
    #3

    TimurR
    Очков активности: 150 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #4

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 117 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 114 0 тем, 19 сообщений, 4 балла репутации

  • Фотография Rodiola
    #6

    Rodiola
    Очков активности: 66 2 темы, 16 сообщений, 2 балла репутации

  • Фотография WGN
    #7

    WGN (worldgamenews.com)
    Очков активности: 46.5 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #8

    pozitron123
    Очков активности: 34.5 2 темы, 17 сообщений, 1 балл репутации

  • Фотография thisismyname
    #9

    thisismyname
    Очков активности: 27 4 темы, 6 сообщений, 1 балл репутации

  • Фотография m3Re
    #10

    m3Re
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2018
  • Яндекс выдача: 13.12.2018
Топ 5 участников по репутации


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

#1 Vialls

Vialls
  • Неактивные
  • 581 сообщений
  • Репутация: 1
0

Отправлено 01 September 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 September 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 September 2008 - 16:09

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

#4 nomer8

nomer8
  • Неактивные
  • 276 сообщений
  • Репутация: 0

Отправлено 01 September 2008 - 16:23

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

#5 Vialls

Vialls
    Topic Starter
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 01 September 2008 - 16:30

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


  • 0

#6 Xap

Xap
  • Неактивные
  • 1520 сообщений
  • Репутация: 0

Отправлено 01 September 2008 - 17:11

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

#7 Vialls

Vialls
    Topic Starter
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 01 September 2008 - 17:13

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


  • 0

#8 Xap

Xap
  • Неактивные
  • 1520 сообщений
  • Репутация: 0

Отправлено 01 September 2008 - 17:15

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


  • 0

#9 Vialls

Vialls
    Topic Starter
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 01 September 2008 - 17:22

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


  • 0

#10 Xap

Xap
  • Неактивные
  • 1520 сообщений
  • Репутация: 0

Отправлено 01 September 2008 - 17:25

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

#11 Vialls

Vialls
    Topic Starter
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 01 September 2008 - 17:28

Просто разбирать его легко (программно). Существуют даже ПО, которое вместо баз данных используют XML.
А разбирать легко, потому что это строгий язык и никаких "ИЛИ" быть в нем не может :)
  • 0

#12 sk8er

sk8er
  • Неактивные
  • 128 сообщений
  • Репутация: 0

Отправлено 03 September 2008 - 14:33

А можете написать что такое JS файлы(в статье было)? Давно хотел узнать.
  • 0

#13 nomer8

nomer8
  • Неактивные
  • 276 сообщений
  • Репутация: 0

Отправлено 03 September 2008 - 15:41

sk8er JS - абревиатура от javascript - это скрипты которые выполняются на стороне смотрещего сайт,а не со стороны сервера(как допустим пхп)
пример йаваскрипта вы можете увидеть в кнопочке "быстрый ответ"
  • 0

#14 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 03 September 2008 - 22:20

Работа с JavaScript можно будет написать позже, здесь же только вступление.
JS служит в основном для динамического оформления сайта, так же для выполнения каких либо скриптов на стороне клиента + ещё работа с документом без перезагрузки страницы, так как js работает с открытыми страницами по средством DOM и идентификаторов ID. Там полно своих нюансов, позже всё будет рассказано :)
  • 0

#15 Vialls

Vialls
    Topic Starter
  • Неактивные
  • 581 сообщений
  • Репутация: 1

Отправлено 04 September 2008 - 11:36

Работа с JavaScript можно будет написать позже, здесь же только вступление.

Я про JS писать не буду, это ужастный язык, и нет желания. Если хочешь, можешь заняться :)
  • 0

#16 bmf

bmf
  • Неактивные
  • 19 сообщений
  • Репутация: 0

Отправлено 20 September 2008 - 10:12

продолжение то будет????
  • 0

#17 COPA

COPA
  • Неактивные
  • 12 сообщений
  • Репутация: 0

Отправлено 03 November 2008 - 02:52

А чего, забросили тему? Хотелось бы продолжения!
  • 0

#18 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 03 November 2008 - 09:34

Продолжение будет :) Как будет время продолжу :)
  • 0

#19 Iriska

Iriska
  • Пользователь
  • 79 сообщений
  • Репутация: 3

Отправлено 28 November 2008 - 15:14

А когда введение в php будет?
  • 0

#20 admin

admin
  • Пользователь PRO
  • 5275 сообщений
  • Репутация: 55

Отправлено 28 November 2008 - 15:19

Как видите, пропал тот человек, который затеял это всё. Но ничего, скоро на форуме будет много чего новенького ;)
  • 0

robot

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

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