HTML: различия между версиями
Содержимое удалено Содержимое добавлено
Kylaix (обсуждение | вклад) →Введение: викификация |
Kylaix (обсуждение | вклад) →Введение: стилевые правки, орфография |
||
Строка 1:
{{Название книги
|Лого = HTML5 logo and wordmark.svg
}}{{Wikipedia|HTML}}В данном учебнике мы постараемся
== Введение ==
[[Файл:Html-small.png|справа]]
[[w:HTML|HTML]] (''Hyper Text Markup Language,''
▲В данном учебнике мы постараемся описать все подробно и просто, и конечно же, следуя новым тенденциям. Поэтому здесь будем рассматривать [[w:HTML5|HTML5]], так как на данный момент его '''рекомендуют''' и поддерживают многие браузеры, а также, официальный консорциум.
Мы ранее сказали, что будем рассказывать об HTML5. Чем отличается стандарт HTML5 от предыдущих HTML?
▲[[w:HTML|HTML]] (''Hyper Text Markup Language'') — язык разметки гипертекстовых страниц. Под языком разметки понимается набор символов созданный с целью передачи информации о строении текста.
▲Чем отличается стандарт HTML5 от предыдущих HTML? Сначала коротенькая история. Существует такая организация W3C (World Wide Web Consortium). Суть её работы хорошо выражена в их лозунге «Leading the Web to Its Full Potential…» («Приведём всемирную паутину к лидерству, раскрыв все её возможности»). И когда они говорят, что в будущем браузеры не будут поддерживать старые версии HTML, то оно наверняка так и будет - в данный момент, почти все браузеры придерживаются единого стандарта, который разрабатывает W3C.
Когда W3C создавали стандарт HTML, в нём не предусматривалось тегов для форматирования гипертекста - теги показывали только структуру документа, например:
Строка 44 ⟶ 42 :
</syntaxhighlight>
Вскоре, количество тегов сильно разрослось.
Также нежелательно было появление в стандарте HTML 3.2 тега <code><nowiki><font></nowiki></code> (он нужен для изменения цвета, шрифта и размера текста). Представьте себе, что нужно написать страницу, где все заголовки красные. И приходится помимо тегов в заголовке писать ещё тег шрифта с атрибутом цвета.▼
▲Также нежелательно было появление в стандарте HTML 3.2 тега <code><nowiki><font></nowiki></code> (он нужен для изменения цвета, шрифта и размера текста). Представьте себе, что нужно написать страницу, где все заголовки красные. И приходится помимо тегов в заголовке писать ещё тег шрифта с атрибутом цвета.
С четвёртой версии разделяются форматирование документа и его структура. Теперь в HTML-странице сохраняются только структура страницы (разноуровневые заголовки, абзацы, цитаты, списки), а всё, что относится к форматированию, описывается в [[w:CSS|CSS]]. Это удобно, поскольку позволяет быстро менять оформление всего сайта изменением только файла со стилем, и, кроме того, уменьшает длину кода, который нужно написать.▼
▲С
В HTML5 же, была предпринята попытка стандартизации: многие привычные теги (в том числе и выше названный <code><nowiki><font></nowiki></code>) осуждаются, все оформление рекомендуется использовать в отдельном CSS-файле, появились новые семантические теги.▼
▲В HTML5 же, была предпринята попытка стандартизации: многие привычные теги (в том числе и выше названный <code><nowiki><font></nowiki></code>) осуждаются, все оформление рекомендуется использовать в отдельном CSS-файле, появились новые семантические теги, функции для которых будут добавлены в будущем.
=== Текстовый редактор ===
Строка 66 ⟶ 64 :
=== Содержание веб-страницы ===
Веб-страницы состоят из [[w:Гипертекст|гипертекста]]. Гипертекст отличается от обычного текста тем, что содержит гиперссылки. Они обычно обозначены
URL (''Universal Resource Locator'') — адрес ресурса, который мы видим в адресной строке браузера.
Тег — это всё, что находится между угловыми скобками. Например <code><nowiki><html></nowiki></code>. Теги не отображаются браузером, они только задают структуру текста. Теги бывают трёх видов:
* Открывающие
* Закрывающие
* Одинарные.
Открывающие и закрывающие теги всегда ходят парами: открывающий <code><html></code> и закрывающий <code></html></code>. Закрывающий отличается от открывающего тем, что после угловой скобки <nowiki><</nowiki> стоит знак слэш (знак дроби) <nowiki>«/»</nowiki>.
Элемент гипертекста — это всё, что находится между открывающим и закрывающим тегом. Элементы бывают вложенными.
| |||