HTML, - HTML5
Елементите и атрибутите не съществуват изолирано: вие ги използвате, за да маркирате съдържание в HTML документ. Най-лесният начин да създадете HTML документ е да създадете текстов файл; по конвенция тези файлове имат разширение .html. Можете да изтеглите файла в браузъра директно от диск или чрез уеб сървър. (В тази книга обикновено използвам уеб сървър. Моят сървър се нарича titan и често ще виждате това име в прозореца на браузъра, показан на екранните снимки.)
Браузъри и потребителски агенти
В тази глава (и по-голямата част от тази книга) разглеждам браузъра като цел за HTML документа, който създаваме. Това е добър и най-разпространен начин за разглеждане на HTML, но не е цялата истина. Общото име за софтуерни компоненти и компоненти, които могат да консумират HTML, е потребителски агенти. Докато браузърите са най-разпространеният вид потребителски агент, те не са единствените.
Един HTML документ има определена структура и най-малкото трябва да поставите някои ключови елементи на правилното място. Повечето от примерите в тази книга са показани като пълни HTML документи, което означава, че можете бързо и лесно да видите как се прилага даден елемент и какъв ефект има, когато го използвате. Ще обясня всички елементи от списъците в следващите глави, но като бърз старт, ще ви отведа на обиколка на основния HTML документ. Също така ще направя връзка към следващите глави за повече подробности.
Въпреки че тази книга е за HTML, би било непростимо да не спомена XHTML (HTML, който идва преди X). HTML синтаксисът ви позволява да правите неща, които са незаконни за XML документи. Товаозначава, че може да бъде трудно да се анализира HTML документ с помощта на стандартни XML анализатори.
Външна структура
Има два елемента, които осигуряват външната структура на HTML документ, DOCTYPE и html елементите, както е показано в списък 3-11.
Списък 3-11: Външна структура на HTML документа
Елементът DOCTYPE казва на браузъра, че работи с HTML документ. Това се изразява чрез HTML булев атрибут:
Елементът DOCTYPE е непосредствено последван от отварящия таг на елемента html. Това казва на браузъра, че съдържанието на елемента трябва да се третира като HTML от началото до края, докато се срещне затварящият html таг. Може да изглежда странно, че използвате елемента DOCTYPE и веднага след това елемента html. Но когато HTML стана стандарт, имаше други еквивалентни езици за маркиране и се очакваше документите да съдържат смесица от различни видове маркиране.
HTML е основният език за маркиране в наши дни и повечето браузъри ще приемат, че работят с HTML, дори ако пропуснете елементите DOCTYPE и html. Това не означава, че трябва да ги изхвърлите. Тези елементи служат на важна цел и разчитането на поведението по подразбиране на браузъра е като да се доверявате на непознати: през повечето време всичко ще е наред, но все пак може да се случи нещо, което да обърка и да повреди всичко. Глава 7 съдържа повече информация за DOCTYPE и html елементите.
метаданни
Областта с метаданни в HTML документ ви позволява да предоставите на браузъра информация за документа. Метаданните се съдържат в елемента head, както е показано в списък 3-12.
Списък 3-12: Добавяне на елемент head към HTML документ
В списъка предоставих минимума от метаданни, а именно заглавния елемент. брои,че всички HTML документи трябва да съдържат заглавен елемент, въпреки че браузърите обикновено игнорират всички пропуски. Повечето браузъри показват съдържанието на заглавния елемент в лентата с менюта на прозореца на браузъра или в горната част на раздел, отворен на страницата. Елементите head и title са описани напълно в Глава 7, заедно с всички други елементи на метаданни, които могат да бъдат поставени в елемента head.
Освен че съдържа елементи, които описват HTML документ, елементът head се използва и за дефиниране на връзки с външни ресурси (като CSS стилове), дефиниране на вградени CSS стилове и дефиниране и зареждане на скриптове. Цялата тази функционалност ще бъде показана в глава 7.
Съдържание
Списък 3-13: Добавяне на елемент на тялото към HTML документ
Елементът body казва на браузъра каква част от документа трябва да се покаже на потребителя и, разбира се, по-голямата част от тази книга е за това какво можете да поставите в елемента body. С добавянето на елемента body вие имате скелета на HTML документа, който ще използвам за повечето примери в тази книга.
Родители, деца, деца и братя и сестри
HTML елементите дефинират връзки с други елементи в HTML документ. Елементът, който съдържа друг елемент, е родителят на втория елемент. Списък 3-13 показва, че елементът body е родител на елемента code, тъй като елементът code се съдържа между отварящия и затварящия тагове на елемента body. От друга страна, кодовият елемент е дете на елемента body. Един елемент може да има множество деца, но само един родителски елемент.
Елементите могат да съдържат елементи, които на свой ред съдържат други елементи. Можете също да видите това в листинг 3-13:html елементът съдържа елемент body, който съдържа кодов елемент. Елементите body и code са деца на елемента html, но само елементът body е дъщер на елемента html. Дъщерните елементи са преки наследници. Елементите, които имат един и същ родител, са известни като братя и сестри. В листинг 3-13 елементите head и body са братя и сестри, защото са деца на елемента html.
Значението на връзките между елементите минава през целия HTML. Както ще видите в следващия раздел, елементите имат ограничения за това кои други елементи могат да бъдат техни родителски или дъщерни елементи. Тези ограничения са изразени чрез типове елементи. Взаимоотношенията между елементите също са важни в CSS, което въвеждам в Глава 4, и един от начините за избор на елементи за прилагане на стилове е да ги изберете по родителски елемент и дъщерен елемент. И накрая, когато прочетете за обектния модел на документа (DOM) в част IV, ще намерите специфични елементи в документ, като преминете през дървото на документа, което е представяне на връзките между елементите. Познаването на дъщерните братя и сестри на елементи е важно умение в света на HTML.
Видове елементи
Елементите на метаданни се използват за създаване на основната структура на HTML документ и за предоставяне на информация на браузъра за това как трябва да се обработва документът. Описах елементите на метаданни в глава 7.