.: Меню :.






Ваш IP54.224.118.247
Хитов 3679
Хостов 103
Всего онлайн1
Телеканалов108
Фильмов139
Видеороликов139
Комментариев10
Записей в гостевой32
Новостей2716
Бонусы WM47
Спонсоры WM15
Раскрутка сайтов29
Кредит WM13
Обмен валюты18
Зарегеcтрировано19183


Баннеры отсутствуют
Суббота 20 октября 2018г. 
Записи в блоге
Джинсы Длинные купить за 1 020 руб
Новый высокой Упругой Тонкий Деним Карандаш Джинсы Длинные Женщин....

Комментарии (0)

АВТО КЛЮЧИ ШОКЕР за 66 руб
Поражения электрическим Током Gag Шутка Шутки Ключа Автомобиля Уд....

Комментарии (0)

Оригинальный vkworld S3 5.5 дюймов за 3000 руб
Оригинальный vkworld S3 5.5 дюймов Android 7.0 samrtphone MTK6580....

Комментарии (0)

Современной Россией правят заинтересованные группы, сосредоточенные вокруг фигуры Владимира Путина
Когда в марте этого года Владимир Путин пропал с глаз ....

Комментарии (0)

НА УКРАИНЕ НАЗВАЛИ «ЧАС Х»
ВСУ наращивают мускулы и ждут «котлов». Участник АТО в....

Комментарии (0)

УКРАИНА И ЛИТВА ОТВЕТЯТ ЗА ХАМСТВО ПЕРВЫМИ
Несмотря на патриотический накал на ТВ (которое одновр....

Комментарии (0)

Разметка страницы



Ничто не стоит в этом мире на одном месте, и языки программирования не являются исключением из этого правила. Мы приближаемся к новой эре web-программирования семимильными шагами, даже несмотря на хвост из устаревших версий браузеров, не поддерживающих новую специфику языка HTML 5.

И, хоть современный разработчик еще не может себе позволить в полной мере использовать при создании сайта разметку согласно HTML 5, но знать основы и следить за ситуацией по развитию и обновлению браузеров, он просто обязан.

В связи с этим начинаю цикл статей, посвященных новой версии всеми известного и любимого языка создания сайтов - HTML 5 (англ. HyperText Markup Language, version 5).

Первый черновик спецификации стал доступен широкой общественности 22 января 2008. Спецификация сейчас находится в разработке и может находиться в этой стадии ещё несколько лет, хотя предполагается, что отдельные части HTML 5 будут закончены и реализованы в браузерах до того, как спецификация официально получит статус рекомендации.

И для начала поговорим об основных элементах разметки html - страницы.

1 DOCTYPE.

Не может не радовать новая запись старого тега DOCTYPE. Отныне не нужно будет открывать сохраненные файлы и копировать сохраненный тег оттуда. Теперь он пишется просто и понятно:

<!DOCTYPE html>

"Почему не html5" ?, - спросите Вы. Ответ на данный вопрос прост: как выяснилось, DOCTYPE HTML5 не принимается Internet Explorer 6, тогда как сам документ, составленный в HTML5 и с правильным DOCTYPE отображается правильно.

Говоря проще, IE6, как обычно, подкачал...

2 Новые элементы

Новые элементы привлекают наше внимание с первого взгляда. Спецификация W3C на самом деле прислушалось к мнению общественности и ввела большое количество новых элементов в рассчете на будущее. Теперь у нас будет все, начиная с простых структурных элементов, которые обещают стать мощными API и обеспечить нас достаточной свободой для создания новых приложений и при этом уйти от необходимости использовать флэш при отображении видео и мультипликации, что в свою очередь приведет к разгруженности страницы.

2.1 Элемент <header>

Элемент header предназначен для отображения всей вводной информации, типа лготипа, названия сайта и тому подобное.

2.2 Элемент <nav>

Элемент nav содержит ссылки на другие разделы сайта или страницы. Не нужно все ссылки заключать в эти тэги, только основную навигацию.

2.3 Элемент <section>

Этот тэг заключает в себе динамический контент или программное приложение. То же самое делает div, но section отделяет целый кусок документа.

2.4 Элемент <article>

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

2.5 Элемент <aside>

Элемент aside содержит контент, относящийся к основному содержимому страницы. Как правило, это боковые колонки, где размещаются ссылки на похожие материалы, облака тэгов и т.п. Могут также содержать выносы – цитаты из текста.

2.6 Элемент <footer>

Используется для отделения «подвала», не только всей страницы, но и любого ее раздела. Так что этот элемент вы, скорее всего, будете использовать настранице несколько раз.

На первый взгляд кажется, что эти новые элементы делают то же самое, что обычные <div id>, но если div id с уникальным именем может использоваться настранице только один раз, эти элементы ведут себя также, как привычные нам тэги <p>, <h1> и прочие, и их можно использовать настранице столько раз, сколько необходимо.

Элементы header и footer не просто отделяют шапку и подвал страницы, но определяют шапку и подвал каждого элемента на ней, как делают в таблицах thead и tfoot.

Преимущество новой разметки в том, что она семантически определяет элементы страницы (легче ориентироваться в коде). Однако, использовать ее нужно с умом, иначе легко переборщить.

Иллюстрацию к рассмотренным в статье тегам вы видели в начале статьи.

Разметка страницы


Код кино Разметка страницы для сайта .
html-cсылка для сайта или блога .
BB-cсылка для форума .
.: Навигация :.

Samsung может прекратить выпускать смартфоны Galaxy с плоским экраном

Сегодня, 04:45 Комментариев: 0 Версия для печати Южнокорейская фирма Самсунг намерена полностью прекратить производство смартфонов с плоским экраном. Заявив об данном высшие менеджеры хотят увеличить позиции бренда в отношении объёмных дисплеев, удобных информативных.  Самсунг имеет возможность прекратить выпускать смартфоны Galaxy с плоским экраном   Ввиду и
2016-08-19 08:44

Новые смартфоны Google показали в Сети за день до презентации

Вчера, 15:49 Комментариев: 0 Версия для печати В Сети появились фотоснимки флагманских смартфонов Pixel и флеш-приставка для Smart TVChromecast от Гyгл. Новые гаджеты выложены за один денек до официального представления их мировой общественности, информация размещена на сайте британского интернет-магазина Carphone Warehouse.  Новые смартфоны Гyгл показали в Сети за денек до презентации Как сообщают сами разработчики, последняя версия программного обеспечения для гаджетов обзавелась чрeзвычайно полезной функцией - двойным тапом для пробуждения дисплея. вобщем
2016-09-26 08:44

Приложение Android Auto появится на смартфонах

Вчера, 10:48 Комментариев: 0 Версия для печати Приложение Android Auto, вышедшее тaкже два года назад для автомобилей нового поколения, теперь имеет возможность появиться и на смартфонах. Разработчики отмечают, собственно что автомобильные компании почему-то не уделили должного внимания новинке.Приложение Android Auto появится на смартфонах Создатели приложения Android Auto р
2016-11-09 08:44

Toshiba показала новые жесткие диски N300

Вчера, 15:10 Комментариев: 0 Версия для печати Руководство японской корпорации Toshiba показало новые винчестеры серии N300 для сетевых накопителей NAS. Они станут предназначены для использования на малых предприятиях, офисах и для персональных компьютеров. Toshiba показала новые жесткие диски N300 Главным требованием к линейке NAS считается бесперебойный доступ к большим объёмам данных, в следствие
2017-01-25 08:44

Японский робот SEER умеет копировать человеческую мимику

РЎСЂ, 15 августа 2018 18:39:17 Комментариев: 0 Версия для печати Японец Такаюки РўРѕРґРѕ РЅР° конференции SIGGRAPH представил робота SEER, имеющего уникальную способность повторять выражение лица вслед Р·Р° человеком. Технология распознает людскую РјРёРјРёРєСѓ, Р° затем СЃ точностью повторяет РЅР° лице робота. Вы можете дать в долг или взять в долг у ваших корреспондентов в системе WebMoney через Долговой сервис WebMoney.Например вы посещаете сайт, ждете от 10 до 30 секунд и вам за это начисляются деньги.покупка и продажа ссылок.ИНВЕСТИЦИИ [investment] (или капиталовложения, капитальные затраты) — финансовые средства, затрачиваемые на строительство новых и реконструкцию, расширение и техническое перевооружение действующих предприятий (производственные И.), на жилищное, коммунальное и культурно-бытовое строительство (непроизводственные И.)23. В экономико-математических моделях они часто обозначаются буквой К (от слова “капиталовложения”) или буквой I (от слова “инвестиции”). Прирост И. соответственно обозначается K или I.В макроэкономических моделях в качестве И. рассматриваются лишь вложения во вновь созданный физический капитал, предназначенный для использования в производстве (машины, здания и др. средства производства), но не покупка финансовых активов (акций, облигаций и др.). Иными словами, речь идет о покупке вновь созданного капитала, а не об обмене уже существующими активами (для отдельной фирмы или индивидуума это не так: они могут инвестировать свои средства разными способами, в том числе и в ценные бумаги). В И. включается также прирост запасов товаров в экономике. Если запасы сокращаются, это отрицательные И.

Возникли вопросы пиши регистрация не требуется!! =)