Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30


Чувашия-это моя Россия

Структура документов в HTML.

Прежде чем приступать к разметке материалов ( написанию тегов для отображения страницы сайта), необходимо определить глобальную ( общую конструкцию страницы сайта) структуру самого (X)HTML-документа сайта. (X)HTML-документ сайта состоит из трех частей: объявления используемой версии HTML или XHTML страниц сайта, заголовка, содержащего информацию о документе сайта, и тела страниц сайта, содержащего материалы. Не все документы сайта содержат тело. Документы с фреймами состоят из объявления, заголовка и набора фреймов (frameset), где определяется количество и структура фреймов страниц сайта, хотя не бывает и картины и видео-материалы без комментариев или озвучивания происходящего на странице сайта.

Посмотрите примерный вид структуры будущего вашего сайта:

                    html	Корневой элемент документа (X)HTML
                    head	Заголовок
                    meta	Метаданные (информация о документе)
                    title	Название документа
                    body	Тело документа
                    
                    

Вот, реальная текстовка даннного сайта

Элементарная структура документа сайта. В примере показана элементарная структура XHTML-документа сайта, как она определяется в Рекомендации XHTML 1.0. Она образует необходимый контекст для будущего обсуждения глобальной структуры документа сайта:

                   < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                   < html>
                   < head>
                   < meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                   < meta name="copyright" content="Все права принадлежат Васильеву
                    Олег Никандровичу. Использование любых материалов возможно только 
                    с разрешения автора и при указании источника
                                                          http://seosait21.ru/" />
                   < meta name="author" content="Олег Васильев" />
                   < meta name="keywords" content="как бросить курить легко не курить 
                     просто свой бесплатно создать сайт страница суть слова смысл хамский 
                                                     язык вера любовь здоровье человек" /> 
                   < meta name="description" content=" Сайт о том как основе семи строк PHP 
                     и HTML кодов создать легко и быстро свой собственный сайт из 
                                                                        простых блоков." /> 
                   < script type="text/javascript" src="http://userapi.com/js/api
                                                                 /openapi.js?49">< /script>
                   < script type="text/javascript"> VK.init({apiId: 3010037, 
                                                             onlyWidgets: true});< /script>
                   < title>Структура документов в HTML.< /title>
                   < link rel="stylesheet" href="../stylesheet/sss1.css" type="text/css">
                   < /head>
                   < body> 

Данный пример начинается с объявления XML страниц сайта, в котором указываются версия XML и кодировка символов документа сайта. Объявление XML страниц сайта рекомендуется использовать для XHTML-документов сайта. Однако оно не обязательно, если кодировка документа сайта UTF-8, как показано в примере.

Давайте взглянем на четыре основных компонента XHTML (и HTML) документа сайта.

Объявление типа документа сайта в HTML.

                     
                   < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">    

Объявление типа документа сайта DOCTYPE говорит браузеру, какой DTD следует использовать для анализа документа. В данном примере указан DTD HTML 4.01 Transitional.

Корневой элемент: < html>...< /html>. html - это корневой элемент для всех документов HTML и XHTML.

Заголовок документа сайта в HTML:

                  < head>
                  < title>Структура документов в HTML.< /title>
                  < /head>

Элемент head в HTML, или заголовок, содержит информацию о документе, которая не считается частью самого документа сайта. Заголовок должен включать описательный тег title, иначе документ сайта не будет признан допустимым. Тело документа сайта < body> Содержимое документа сайта...< /body>. Элемент body в HTML содержит все материалы документа сайта, т. е. ту часть страниц сайта, которая отображается в окне браузера или воспроизводится в речевом браузере. Элемент body (X)НТМL-документа может состоять из нескольких абзацев текста, из одного изображения или из сложной комбинации текста, изображений, таблиц и мультимедийных объектов сайта. Помещаемый сюда материал зависит от Вас.

За примерами далеко ходить то не надо. Возьмем данную страницу сайта в кодах HTML.

                   
                 элементарная структура данной страницы сайта такая:
                 
                   < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                   < html>
                   < head>
                   < title>Демо.< /title>
                   < link rel="stylesheet" href="stylesheet/demo000.css" type="text/css">
                   < /head>
                   < body>
                   < div id="nav">< /div>
                   < table>
                   < tr>
                   < td id="tdleft">
                   < /td>
                   < td id="tdcenter">
                   < /td>
                   < td id="tdright">
                   < /td>
                   < /tr>
                   < /table>
                   < div id="copy">< /div>
                   < /body>
                   < /html>
                   
                базовой структурой этой страницы является таблица из трех колонок,
                как видите, она написана в кодах HTML и версии DTD HTML 4.01.Transitional//EN".

В принципе то, что Вы видите как структуру страницы сайта - это самый настоящий анти-пример того как не надо создавать структуру сайта. Здесь базой или конструкцией страницы сайта является табличное представление, что совершенно сейчас не приемлимо ни с каких позиций сайтостроения, хотя это настоящая структура страниц моего сайта. Сейчас есть совершенно другие возможности устройства страницы сайта - простые и легкие, которые дают неограниченные возможности при создании страницы сайта и ее удивительного интерактивного оформления. Об этом поговорим обязательно, конкретно и предметно. Вот, примерно хотя бы так:

                   < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                   < html>
                   < head>
                   < title>Демо.< /title>
                   < link rel="stylesheet" href="stylesheet/demo000.css" type="text/css">
                   < /head>
                       < body>
                           < div id="nav">...< /div>
                           < div id="sidebar1">...< /div>
                           < div id="content">...< /div>
                           < div  id="sidebar2">...< /div>
                           < div id="copy">...< /div>
                       < /body>
                   < /html>

seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

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

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