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

Содержимое удалено Содержимое добавлено
исправил ошибку
Нет описания правки
Строка 4:
[[Файл: Html-small.png]]
 
Постараюсь описать всё как можно доступнее, и согласно новым тенденциям. Ибо консерватизм — это ни что иное, как лень учить что-то новое. Но если вы не учите новое, вы отстаёте. А отставание в современном мире недопустимо. Поэтому здесь будем рассматривать HTML 4.015.
 
Как положено, стоит начать с определений. [[w:HTML|HTML]] (''Hyper Text Markup Language'') — значит язык разметки гипертекстовых страниц. Даже не считается языком программирования, но каждый программист, уважающий себя, должен его знать. Ибо без него учить [[w:JavaScript|JavaScript]] или [[w:PHP|PHP]] нет смысла.
<blockquote>В действительности современной версией HTML уже стал [[w:HTML5|HTML5]], поэтому лучше сразу читать о нём. </blockquote>
 
Как положено, стоит начать с определений. [[w:HTML|HTML]] (''Hyper Text Markup Language'') — значит язык разметки гипертекстовых страниц. Даже не считается языком программирования, но каждый программист, уважающий себя, должен его знать. Ибо без него учить [[w:JavaScript|JavaScript]] или [[w:PHP|PHP]] нет смысла.
 
Чем отличается стандарт HTML 5 от предыдущих HTML? Сначала коротенькая история. Существует такая организация W3C (World Wide Web Consortium). Суть её работы хорошо выражена в их лозунге «Leading the Web to Its Full Potential…» («Приведём всемирную паутину к лидерству, раскрыв все её возможности»). Судя по тому что они уже сделали, люди разумные и свою работу знают. И когда они говорят, что в будущем браузеры не будут поддерживать старые версии HTML, то оно наверняка так и будет. А новые браузеры появляются не так уж и редко. Когда W3C создавали стандарт HTML, в нём не предусматривалось тегов для форматирования гипертекста. Теги показывали только структуру документа, например:
Строка 91 ⟶ 89 :
Все теги, которые встречаются выше, обязательны. Они присутствуют в каждой интернет-странице. Конечно, если вы какой-то из них забудете, браузер-то разберётся, но все серьёзные люди такие вещи не забывают. Тег <code><nowiki><html></nowiki></code> говорит браузеру, что в нём содержится код HTML. Тег <code><nowiki><head></nowiki></code> говорит, что в нём содержится заголовочная информация страницы. Эта информация на самой странице отсутствует. Тег <code><nowiki><title></nowiki></code>, как уже было сказано, содержит заголовок, который обычно отображается на вкладке. <code><nowiki><body></nowiki></code> содержит тело, или содержимое страницы.
 
Кроме тегов и текста, гипертекстовые страницы могут содержать комментарии. Комментарии выглядят так: <nowikicode><codenowiki><!-- Комментарий --></codenowiki></nowikicode>. Они позволяют писать на странице текст, который не отображается браузером. Это нужно для вставки сообщений типа <code><nowiki><!-- Здесь не забыть дописать абзац о комментариях --></nowiki></code>.
 
Ещё существует понятие специальных символов. Например, вы напишете такую страницу:
 
<source lang="html5">
Строка 108 ⟶ 106 :
</source>
 
Такая страница отображается браузером неправильно (скорее всего, каждый браузер просто отобразит страницу по своему), потому что браузер не выводит теги. А <code><nowiki><html></nowiki></code> — тег. Такая же проблема и с символами сравнения. Поэтому, чтобы отображать некоторые нестандартные символы, существует понятие специальных символов. Специальные символы в HTML описываются так: &код;. Например:
 
{|Class="wikitable"
Строка 125 ⟶ 123 :
|}
 
Здесь я указал только самые-самые нужные. Если вам нужно больше, надо поискать. Можно поискать [http://htmlweb.ru/html/symbols.php где-то здесь]. То есть то, что мы хотели описать в предыдущем примере, будет выглядеть так:
 
<source lang="html5">
Строка 141 ⟶ 139 :
</html>
</source>
 
=== Кодировка ===
Одним из обязательных требований для веб-страницы является указывание кодировки. Опять же браузер сам может определить кодировку. Но лучше указывать. Способа есть два: