Корневой элемент html: Корневой элемент | htmlbook.ru – Элементы html — Википедия

Корневой элемент в HTML.

В XHTML и HTML корневым элементом страницы сайта является элемент html, точнее корневым называется элемент В HTML элемент , внутри которого располагаются элементы и . Само присутствие открывающего тега и закрывающего является необязательным и их можно опустить, внутри которого располагаются элементы и . Но это Вы из головы выбросьте и никогда так не делайте. Пишите и открывающийся и закрывающийся теги при создании сайта, и не будет у Вас никогда проблем.

Корневой элемент в HTML html. …. Атрибуты интернационализации:


                      lang, xmlrlang, dir (только XHTML)
                      xmlns="http: //www. w3. org/1999/xhtml"
                       version="-//W3C//DTD HTML 4 . 01 //EN" 
                       (Устаревший в HTML 4.01)

сильно не пугайтесь версия HTML 4.01 работает нормально и нет повода пока беспокоится. У меня работает данная версия и проблем не испытываю, скоре всего больше плюсов, чем минусов в использовании этой версии типа документов.

Все элементы в HTML содержатся в корневом элементе … страниц сайта (говорят, что они являются потомками корневого элемента). Корневые элементы … как бы являются оболочкой для всех остальных элементов или просто контейнером. Будучи корневым элементом сайта, элемент html не может иметь предков ( иными словами, не может содержаться внутри другого элемента).

В данном примере показан корневой элемент с XHTML-документом сайта:


                        

Поскольку это XHTML-документ, элемент html также используется для указания пространства имен XML и языка документа сайта. В HTML-документах пространства имен не используются и корневой элемент пишется до безобразия просто … и вместо точек находится все содержимое документа страниц сайта.

Язык HTML при создании сайта. Поскольку наша Web является Всемирной, в HTML-спецификациях учитывается, что документы сайта публикуются на самых разных языках. Поэтому важно указать язык, на котором написан документ сайта (например, lang=»en»). В XML-версии язык указывается так:


                         xml: lang="en"

Эти атрибуты помещаются в корневой элемент html вместе с идентификатором пространства имен.

Эти теги …, как уже сказал, являются оболочкой страницы сайта и дают браузерам много информации для считывания о страницах сайта.


                          

как видите объявление типа используемого языка на страницах сайта в версии DTD HTML 4.01 Transitional указывается при объявлении типа документа, но не в теге корневого элемента. Наверное, все, что надо сказать о корневом элементе сказано.

Просто помните у корневого элемента html два тега, как открывающийся так и закрывающийся, и они являются самыми крайними элементами страниц сайта и их Вы всегда не забывайте написать, обрамляя все теги на страницах Вашего сайта, кроме первой строчки объявления типа документа.

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ:

Корневой элемент

Важнейшее обязательное синтаксическое требование заключается в том, что документ имеет только один корневой элемент (англ. root element) (так же иногда называемый элемент документа (англ. document element)). Это означает, что текст или другие данные всего документа должны быть расположены между единственным начальным корневым тегом и соответствующим ему конечным тегом.

Следующий простейший пример — правильно построенный документ XML:

<book>Это книга: «Книжечка»</book>

Следующий пример не является корректным XML-документом, потому что имеет два

корневых элемента:

<!— ВНИМАНИЕ! Некорректный XML! —>

<thing>Сущность №1</thing>

<thing>Сущность №2</thing>

Комментарий

В любом месте дерева может быть размещен элемент-комментарий. XML-комментарии размещаются внутри специального тега, начинающегося с символов <!— и заканчивающегося символами —>. Два знака дефис (—) внутри комментария присутствовать не могут.

<!— Это комментарий. —>

Теги внутри комментария обрабатываться не должны.

Теги

Остальная часть этого XML-документа состоит из вложенных элементов, некоторые из которых имеют атрибуты и содержимое. Элемент обычно состоит из открывающего и закрывающего тегов, обрамляющих текст и другие элементы. Открывающий тег состоит из имени элемента в угловых скобках, например, <step>, а закрывающий тег состоит из того же имени в угловых скобках, но перед именем ещё добавляется косая черта, например, </step>. Имена элементов, как и имена атрибутов, не могут содержать

пробелы, но могут быть на любом языке, поддерживаемом кодировкой XML-документа. Имя может начинаться с буквы, подчёркивания, двоеточия. Остальными символами имени могут быть те же символы, а также цифры, дефис, точка.

Содержимым элемента (англ. content) называется всё, что расположено между открывающим и закрывающим тегами, включая текст и другие (вложенные) элементы. Ниже приведён пример XML-элемента, который содержит открывающий тег, закрывающий тег и содержимое элемента:

<step>Замесить ещё раз, положить на противень и поставить в духовку.</step>

Кроме содержания у элемента могут быть атрибуты — пары имя-значение, добавляемые в открывающий тег после названия элемента. Значения атрибутов всегда заключаются в кавычки (одинарные или двойные), одно и то же имя атрибута не может встречаться дважды в одном элементе. Не рекомендуется использовать разные типы кавычек для значений атрибутов одного тега.

<ingredient amount=»3″ unit=»стакан»>Мука</ingredient>

В приведённом примере у элемента «ingredient» есть два атрибута: «amount», имеющий значение «3», и «unit», имеющий значение «стакан». С точки зрения XML-разметки, приведённые атрибуты не несут никакого смысла, а являются просто набором символов.

Кроме текста, элемент может содержать другие элементы:

<instructions>

<step>Смешать все ингредиенты и тщательно замесить.</step>

<step>Закрыть тканью и оставить на один час в тёплом помещении.</step>

<step>Замесить ещё раз, положить на противень и поставить в духовку.</step>

</instructions>

В данном случае элемент «instructions» содержит три элемента «step».

XML не допускает перекрывающихся элементов. Например, приведённый ниже фрагмент некорректен, так как элементы «em» и «strong» перекрываются.

<!— ВНИМАНИЕ! Некорректный XML! —>

<p>Обычный <em>акцентированный <strong>выделенный и акцентированный</em> выделенный</strong></p>

Для обозначения элемента без содержания, называемого пустым элементом, необходимо применять особую форму записи, состоящую из одного тега, в котором после имени элемента ставится косая черта. Если в DTD элемент не объявлен пустым, но в документе он не имеет содержания, для него допускается применять следующие (три) формы записи. Например:

<foo></foo>

<foo />

<foo/>

Корневой элемент schema

Элемент <schema> — это корневой элемент каждой XML схемы:


<?xml version="1.0"?>
<xs:schema>
...
</xs:schema>

Элемент <schema> может содержать некоторые атрибуты. Часто декларация схемы имеет, например, такой вид:


<?xml version="1.0"?>
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
targetNamespace="http://msiter.ru"
xmlns="http://msiter.ru"
elementFormDefault="qualified">
...
</xs:schema>

Фрагмент xmlns:xs=»http://www.w3.org/2001/XMLSchema» указывает на то, что используемые в схеме элементы и типы данных относятся к пространству имен «http://www.w3.org/2001/XMLSchema». Также здесь указывается, что элементы и типы данных, относящиеся к пространству имен «http://www.w3.org/2001/XMLSchema», должны иметь префикс xs:

Фрагмент targetNamespace=»http://msiter.ru» указывает на то, что определяемые этой схемой элементы (note, to, from, heading, body) относятся к пространству имен «http://msiter.ru».

Фрагмент xmlns=»http://msiter.ru» указывает на то, что пространством имен по умолчанию является «http://msiter.ru».

Фрагмент elementFormDefault=»qualified»

указывает на то, что любой элемент, используемый в XML документе, который был декларирован в этой схеме, должен быть уточнен по пространству имен.

Подключение схемы в XML документе

Следующий XML документ имеет подключение к XML схеме:


<?xml version="1.0"?>
<note xmlns="http://msiter.ru"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://msiter.ru note.xsd">
   <to>Tove</to>
   <from>Jani</from>
   <heading>Напоминание</heading>
   <body>Не забудь обо мне в эти выходные!</body>
</note>

Здесь фрагмент xmlns=»http://msiter.ru» определяет декларацию пространства имен по умолчанию. Эта декларация говорит валидатору схем, что все элементы, использованные в данном XML документе, декларированы в пространстве имен «http://msiter.ru».

Благодаря тому, что в фрагменте xmlns:xsi=»http://www.w3.org/2001/XMLSchema-instance»

мы сделали доступным пространство имен образцов XML схемы, мы можем использовать атрибут schemaLocation. У этого атрибута есть два значения, разделенных пробелом. Первое значение — используемое пространство имен. Второе значение — расположение XML схемы, которая используется в этом пространстве имен. Что мы и определяем в фрагменте xsi:schemaLocation=»http://msiter.ru note.xsd».

stylesheet и элементы верхнего уровня

XSLT (eXtensible Stylesheet Language Transformations) — язык преобразования XML-документов. XSLT-инструкции оформляются в виде отдельного xslt-файла, который затем используется XSLT-процессором для трансформации xml-документа — исходного дерева в конечное дерево. Конечным деревом может быть другой xml-документ, html-документ или просто текст. В результате XSLT-преобразования конечный документ может иметь совсем другую структуру.

Сам по себе XSL-файл является правильным xml-документом. Поэтому он должен соответствовать всем требования, предъявляемым к xml-документам. Во-первых, как и все xml-документы, он должен начинаться со строки:

<?xml version=»число» encoding=»строка»?>

<?xml version=»число» encoding=»строка»?>

где:

  • version – указание на версию xml (обычно 1.0),
  • encoding – кодировка документа, например, utf-8.

Стиль (xsl:stylesheet)

Корневым элементом для XSL-документа является элемент xsl:stylesheet или его устаревший аналог xsl:transform, внутри которого и содержится все описание стиля (правил трансформации), т.е. все остальные элементы — инструкции и шаблоны.

Синтаксис:

<xsl:stylesheet version = «число» xmlns:xsl = «URI» id = «строка» extension-element-prefixes = «префиксы» exclude-result-prefixes = «префиксы»> Содержание стиля: элементы верхнего уровня </xsl:stylesheet>

<xsl:stylesheet

    version = «число»

    xmlns:xsl = «URI»

    id = «строка»

    extension-element-prefixes = «префиксы»

    exclude-result-prefixes = «префиксы»>

    Содержание стиля: элементы верхнего уровня

</xsl:stylesheet>

или

<xsl:transform version = «число» xmlns:xsl = «URI» id = «строка» extension-element-prefixes = «префиксы» exclude-result-prefixes = «префиксы»> Содержание стиля: элементы верхнего уровня </xsl:transform>

<xsl:transform

    version = «число»

    xmlns:xsl = «URI»

    id = «строка»

    extension-element-prefixes = «префиксы»

    exclude-result-prefixes = «префиксы»>

    Содержание стиля: элементы верхнего уровня

</xsl:transform>

Здесь и далее обязательные атрибуты будут выделены жирным.

Атрибуты:

  • version– обязательный атрибут, указывает версию XSL, как правило это 1.0
  • xmlns:xsl – обязательный атрибут, ссылка на URI пространства имен, как правило это http://www.w3.org/1999/XSL/Transform
  • id — необязательный атрибут, может содержать уникальный идентификатор. Этот атрибут используется, когда элемент xsl:stylesheet содержится не в отдельном документе, а является частью исходного документа. В этом случае атрибут позволяет идентифицировать стиль внутри исходного документа
  • extension-element-prefixes — необязательный атрибут, содержит перечень префиксов пространств имен расширений, используемых в преобразовании. Расширения должны поддерживаться XSLT-процессором
  • exclude-result-prefixes — необязательный атрибут, содержит перечень префиксов пространств имен, которые следует исключать из конечного документа

Элементы верхнего уровня

Непосредственные потомки (children) элемента xsl:stylesheet называются элементами верхнего уровня. К ним в частности относятся:

  • xsl:import
  • xsl:include
  • xsl:strip-space
  • xsl:preserve-space
  • xsl:output
  • xsl:key
  • xsl:decimal-format
  • xsl:namespace-alias
  • xsl:attribute-set
  • xsl:variable
  • xsl:param
  • xsl:template

Порядок появления этих элементов не имеет значения (за исключением, xsl:import и обработки ошибки). Стиль (элемент xsl:stylesheet) может не содержать какой-либо из этих элементов, либо содержать сразу несколько его экземпляров, а так же содержать любой другой элемент, введенный пользователем.

Дерево документа HTML — Xiper.net

Автор: Евгений Рыжков Дата публикации: 15.11.2010

Дерево документа (document tree) — это схема построения HTML документа, которая показывает связи между различными элементами страницы: порядок следования и вложенность элементов. Эта схема помогает ориентироваться в этой, на первый взгляд, хаотичной каше HTML тегов.

Веб разработчику дерево документа помогает при написании CSS правил и Javascript сценариев.

Заметка

Не нужно путать дерево документа и объектную модель документа (DOM). DOM — понятие более сложное (о нем будет написано немного позже).

Чтобы не вдаваться в долгие и нудные объяснения, почему дерево документов назвали деревом, рассмотрим пример — возьмем простой HTML код:


<html>
<head>
	<title>Загоовок страницы</title>
</head>

<body>
	<div>
		<h2>Основной заголовок</h2>
		<p>абзац текста.</p>
		<ul>
		<li>пункт 1</li>
		<li>пункт 2</li>
		</ul>
	</div>
	<div>
		<h3>Второй заголовок</h3>
		<p>Текст</p>
	</div>
</body>
</html>

Так видят HTML код непросвещенные аборигены, которые случайно нажали просмотр кода страницы. А вот наметанный глаз веб разработчика разберет его по полочкам, увидит все уровни вложенности и взаимосвязи. Он выстроит из хаоса четкую иерархическую структуру в виде дерева (потому что схема похожа на очертания дерева):

Родственные связи

Между элементами дерева документа существуют определенные связи. Рассмотрим их.

Предки и потомки

Из схематического изображения дерева, да и из самого HTML кода, понятно, что одни элементы являются вложенными в другие. Элементы, которые содержат другие, являются предками (ancestor) по отношению к во всем вложенным в него. Вложенные в свою очередь являются его потомками (descendant).

Для наглядности рассмотрим одну ветку нашего дерева:

Каждый предок может иметь неограниченное число потомков. Каждый потомок будет иметь число предков в зависимости от структуры дерева и в какой ветке он будет расположен, но в любом случае как минимум один предок будет.

Родители и дочери

Родитель (parent) — это непосредственный предок (предок первого уровня) элемента. И наоборот, непосредственный потомок (потомок первого уровня) называется дочерним элементом (child).

Каждый родитель может иметь неограниченное число дочерей. У дочернего элемента будет только один родитель.

Элемент-родитель еще называют прямой предок, а дочерний элемент — прямой потомок. Это что-то вроде семантических названий.

Сестринские элементы

Сестринские элементы (siblings) — это группа из двух и более элементов, у которых общий родитель. Элементы не обязательно должны быть одного типа, просто у них должен быть общий родитель.

Смежные элементы

Смежные элементы (adjacent) — это сестринские элементы, которые расположены «по соседству».

Предыдущий сестринский и следующий сестринский

Тут должно быть все понятно из самих названий терминов. Предыдущий сестринский (preceding sibling) — предыдущий по коду сестринский элемент. На нашей примере-ветке для <ul> это будет <p>, для <p> — <h2>, а для <h2> не будет предыдущего сестринского.

Аналогично и следующий сестринский (following sibling): для <h2> — <p>, для <p> — <ul>, для <ul> — нет.

Предыдущий и следующий

Предыдущий элемент (preceeding) — такой же предыдущий элемент по коду, только без ограничений сестринских отношений. Для нашей ветки: для <ul> это будет <p>, для <p> — <h2>, для <h2> — <div>.

Аналогично следующий элемент (preceding) не имеет ограничений сестринских отношений: для <h2> — <p>, для <p> — <ul>, для <ul> — <li> (первый) и так далее.

Первый ребенок и последний

Первый ребенок (first child) — это первый дочерний элемент родителя в дереве документа, а последний (last child) — последний.

Корневой элемент

Корневой элемент (root) — это предок всем предкам, это «корень» нашего дерева документа, это единственный элемент, который не имеет родителя, это тег <html>.

Материалы

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *