HTML: различия между версиями

Содержимое удалено Содержимое добавлено
→‎HTML5: Основная статья
→‎Введение: орфография, стилевые правки
Строка 1:
== Введение ==
[[Файл: Html-small.png|справа]]
Однажды я увидел книжку по веб-дизайну, а поскольку я имел обыкновение читать всё что вижу, то я её прочитал. И с тех пор считал что знаю HTML. Но недавно мне сказали адрес одного хорошего сайта [http://www.w3schools.com www.w3schools.com]. Символы «w3» в названии сайта означают «три w», или «www». Что важного я там узнал? Во-первых, что мои знания несколько устаревшие. Во-вторых, то что мои теги распознаёт браузер, ещё не значит что так будет продолжаться и дальше. Поэтому я решил написать современную книгу о веб-дизайне.
В данном учебнике мы постараемся описать все наиболее понятно, и согласно новым тенденциям. Поэтому здесь будем рассматривать [[w:HTML5|HTML5]], так как на данный момент его '''рекомендуют''' и поддерживают многие браузеры, а также, официальный консорциум.
 
[[w:HTML|HTML]] (''Hyper Text Markup Language'') — язык разметки гипертекстовых страниц. Под языком разметки понимается набор символов созданный с целью передачи информации о строении текста.
[[Файл: Html-small.png]]
 
Постараюсь описать всё как можно доступнее, и согласно новым тенденциям. Ибо консерватизм — это не что иное, как лень учить что-то новое. Но если вы не учите новое, вы отстаёте. А отставание в современном мире недопустимо. Поэтому здесь будем рассматривать [[w:HTML5|HTML5]].
 
Как положено, стоит начать с определений. [[w:HTML|HTML]] (''Hyper Text Markup Language'') — значит язык разметки гипертекстовых страниц. Даже не считается языком программирования, но каждый программист, уважающий себя, должен его знать. Ибо без него учить [[w:JavaScript|JavaScript]] или [[w:PHP|PHP]] нет смысла.
 
Чем отличается стандарт HTML5 от предыдущих HTML? Сначала коротенькая история. Существует такая организация W3C (World Wide Web Consortium). Суть её работы хорошо выражена в их лозунге «Leading the Web to Its Full Potential…» («Приведём всемирную паутину к лидерству, раскрыв все её возможности»). Судя по тому что они уже сделали, люди разумные и свою работу знают. И когда они говорят, что в будущем браузеры не будут поддерживать старые версии HTML, то оно наверняка так и будет. А новые браузеры появляются не так уж и редко. Когда W3C создавали стандарт HTML, в нём не предусматривалось тегов для форматирования гипертекста. Теги показывали только структуру документа, например:
Строка 46 ⟶ 43 :
 
С четвёртой версии разделяются форматирование документа и его структура. Теперь в HTML-странице сохраняются только структура страницы (разноуровневые заголовки, абзацы, цитаты, списки), а всё, что относится к форматированию, описывается в [[w:CSS|CSS]]. Это удобно, поскольку позволяет быстро менять оформление всего сайта изменением только файла со стилем, и, кроме того, уменьшает длину кода, который нужно написать.
 
А о HTML5 мы поговорим чуть позже.
 
== Структура страницы ==
 
=== К работе! ===
Лучший способ научиться что-то делать — сделать это. Не получится — учиться дальше. А получится — значит вы уже научились. :-)
 
Для того чтобы изучить HTML, кроме чтения этого руководства, нам нужно иметь:
# [[w:Компьютер|Компьютер]]
Строка 57 ⟶ 54 :
# [[w:Текстовый редактор|Текстовый редактор]]
 
Раз вы читаете этот текст, две первые вещи у вас точно есть. Текстовый редактор также есть на каждом компьютере. Важно заметить: нам нужна программа для редактирования текстовых файлов, а не документов (то есть ни в коем случае нельзя использовать текстовые препроцессоры типа Microsoft Word). Обычно стандартного «Блокнота» Windows достаточно, но есть текстовые редакторы, которые лучше приспособлены к написанию HTML-страниц. Неплохие редакторы для Windows - [[w:Notepad++|Notepad ++]], [[w:Brackets|Brackets]], Atom, Sublime Text в которых хорошо писать не только HTML, а и CSS, PHP, C++, и ещё несколько десятков других языков. У них есть такая хорошая вещь, как подсветка синтаксиса, которая позволяет выявлять ошибки прямо во время их создания. Если же у вас Linux, тогда вы точно знаете что такое хороший текстовый редактор.
 
О браузере также стоит сказать несколько слов. Все советуют держать у себя на компьютере набор браузеров: Internet Explorer, Firefox, Opera, Chrome, Safari и просматривать свои страницы во всех сразу. Правда, функции тегов в разных браузерах отличаются не сильно (а в идеале вообще не отличаются). Поэтому учиться можно просматривая свои страницы в одном из них, а уже когда пишете что-то большое — посмотрите, не имеется ли слишком критических различий во всех других.
 
Чтобы создать веб-страницу, нужно создать в файловой системе текстовый файл с расширением .html или .htm. Какое из них выбрать — философский вопрос. .htm — сокращение от .html, что довольно смешно, поскольку .html — это тоже сокращение. Но были времена, когда в некоторых ОС расширение файла могло содержать максимум 3 символа (например, DOS), и страницы гипертекста имели расширение .htm. Теперь можно использовать оба расширения.