Форум лаборатории Loki D.S. Добро Пожаловать!

Разделы

Перейти на сайт
Наш канал
О проекте!

Зарегистрированные
пользователи
не видят рекламу

Статистика

Наши пользователи оставили сообщений: 8779 в 414 сюжете(ах)

Всего зарегистрированных пользователей: 173

Последний зарегистрированный пользователь: gamid.aliev.03

Мир


Что нового в HTML 5.0?

Поделиться
avatar
Loki D.S.

Сообщения : 2175
Дата регистрации : 2010-03-10
Возраст : 22
Откуда : Сургут
Я Fun : S.T.A.L.K.E.R., Cross Fire, Spore, Serious Sam

Что нового в HTML 5.0?

Сообщение автор Loki D.S. в Пн Май 03, 2010 3:28 pm

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

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

Работа над HTML 5 была начата в 2004 году. В настоящее время разработки осуществляются в рамках совместных усилий W3C HTML WG и WHATWG. Многие известные компании принимают участие в разработках, в том числе: Apple, Mozilla, Opera, а Microsoft, и ряд других организаций и частных лиц с различными интересами и опытом.

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

Структура

HTML 5 вводит целый ряд новых элементов, которые делают структуру страниц намного проще. Большинство HTML4 страниц содержат ряд общих структур, например, колонтитулы (шапка и футер страницы) и столбцы, и сегодня это становится уже традицией - выделять их, используя элементы div, присваивая ему класс или id.



На иллюстрации типичный 2х колоночный макет с использованием div элементов, с присвоением им класса или id. Структура сожержит - "шапку" страницы, подвал, навигационное меню и контент, разбитый на 2 колонки -

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



Код документа выглядит так:

Код:
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>

Есть несколько преимуществ использования этих элементов. При использовании их в сочетании с заголовками элементов (h1 - h6), это дает возможность внедрить в каджый уровень свой подраздел с заголовком, в отличие от возможных 6 уровней в предыдущей версиии HTML. Спецификация включает в себя детальный алгоритм для генерации границ. Эти элементы могут быть использованы как авторские и браузерные инструменты для генерации оглавления и помощи пользователям в навигации по документу.

Например, следующая структура разделена на уровни с вложенными элементами h1:

Код:
<section>
<h1>Level 1</h1>
<section>
<h1>Level 2</h1>
<section>
<h1>Level 3</h1>
</section>
</section>
</section>

Заметим, что для наибольшей совместимости с разными браузерами, можно использовать различные уровни заголовков, такие как h2, h3 и т.д.

Определив назначение разделов на странице, используя конкретные элементы разделов, такая технология может помочь пользователю легче перемещаться по странице. Например, пользователь может легко перейти в раздел меню или быстро переходить от одной статьи к следующей без необходимости для разработчика делать такую ссылку-переход. Разработчики также могут торжествовать, потому что заменив элементы div на соотвествующие элеметы, исходный код будет проще и "чище".

Элемент "header" представлет собой заголовок страницы. Этот раздел может содержать не только заголовок как таковой, но также и любые подзаголовки, которые помогут пользователю больше понять содержание страницы.


Код:
<header>
<h1>A Preview of HTML 5</h1>
<p class="byline">By Lachlan Hunt</p>
</header>
<header>
<h1>Example Blog</h1>
<h2>Insert tag line here.</h2>
</header>

Элемент "footer" представляет собой "подвал" страницы. В этой части страницы обычно размещают ссылку на права автора, счетчики, и т.д.

Код:
<footer>©️ 2007 Example Inc.</footer>

Элемент "nav" - определяет раздел навигации по сайту:

<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/products">Products</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>

Элемент "aside" определяет секцию, косвенно связанную с содержанием страницы, чаще всего используемую как приложение.

Код:
<aside>
<h1>Archives</h1>
<ul>
<li><a href="/2007/09/">September 2007</a></li>
<li><a href="/2007/08/">August 2007</a></li>
<li><a href="/2007/07/">July 2007</a></li>
</ul>
</aside>

Элемент "section" можно использовать как общий раздел содержания страницы

Код:
<section>
<h1>Chapter 1: The Period</h1>
<p>It was the best of times, it was the worst of times,
it was the age of wisdom, it was the age of foolishness,
it was the epoch of belief, it was the epoch of incredulity,
it was the season of Light, it was the season of Darkness,
...</p>
</section>

Элемент "article" представляет собой непосредственно содержание страницы, т.е. определяет контент как таковой: статьи, новости, комментарии и т.п.

Код:
<article id="comment-2">
<header>
<h4><a href="#comment-2" rel="bookmark">Comment #2</a>
by <a href="http://example.com/">Jack O'Niell</a></h4>
<p><time datetime="2007-08-29T13:58Z">August 29th, 2007 at 13:58</time>
</header>
<p>That's another great article!</p>
</article>


___________________
ʁɔvʎнdǝʚǝdǝu 'ɐʞʎɔ 'dиW
avatar
XeoN

Сообщения : 443
Дата регистрации : 2010-03-20
Возраст : 21
Откуда : из Донецка!!!

Re: Что нового в HTML 5.0?

Сообщение автор XeoN в Вт Июн 08, 2010 11:29 pm

Вопрос. Кто нибудь это читал???
avatar
NEON22

Сообщения : 260
Дата регистрации : 2010-05-11
Возраст : 20
Откуда : Украина г.Николаев
Я Fun : .!.

Re: Что нового в HTML 5.0?

Сообщение автор NEON22 в Вт Июн 08, 2010 11:36 pm

XeoN пишет:Вопрос. Кто нибудь это читал???
-Локи-,при всем уважении я перестал это читать после 2-ой строчки))))
avatar
Loki D.S.

Сообщения : 2175
Дата регистрации : 2010-03-10
Возраст : 22
Откуда : Сургут
Я Fun : S.T.A.L.K.E.R., Cross Fire, Spore, Serious Sam

Re: Что нового в HTML 5.0?

Сообщение автор Loki D.S. в Вт Июн 08, 2010 11:38 pm

Эта статья мне пригодиться, я же типа изучаю, а добавил сюда типа справочникWink

Кстати Гугл уже перешел...


___________________
ʁɔvʎнdǝʚǝdǝu 'ɐʞʎɔ 'dиW
avatar
NEON22

Сообщения : 260
Дата регистрации : 2010-05-11
Возраст : 20
Откуда : Украина г.Николаев
Я Fun : .!.

Re: Что нового в HTML 5.0?

Сообщение автор NEON22 в Вт Июн 08, 2010 11:43 pm

всмысле перешел?
avatar
Loki D.S.

Сообщения : 2175
Дата регистрации : 2010-03-10
Возраст : 22
Откуда : Сургут
Я Fun : S.T.A.L.K.E.R., Cross Fire, Spore, Serious Sam

Re: Что нового в HTML 5.0?

Сообщение автор Loki D.S. в Ср Июн 09, 2010 12:34 am

Гугл перешел на 5 версию.


___________________
ʁɔvʎнdǝʚǝdǝu 'ɐʞʎɔ 'dиW
avatar
NEON22

Сообщения : 260
Дата регистрации : 2010-05-11
Возраст : 20
Откуда : Украина г.Николаев
Я Fun : .!.

Re: Что нового в HTML 5.0?

Сообщение автор NEON22 в Ср Июн 09, 2010 3:05 am

ааа!я сёдня не выспался и туплю целый день!
avatar
Lex

Сообщения : 582
Дата регистрации : 2010-03-10
Возраст : 23
Откуда : Свердловская область, Нижняя Тура

Re: Что нового в HTML 5.0?

Сообщение автор Lex в Ср Июн 09, 2010 1:57 pm

Прочитал. Весьма интересно, и, походу, удобней 4-го html - не будет путаниц с классами тегов (тот же div). Ждем остальные сайты Smile
avatar
stalker_ak

Сообщения : 74
Дата регистрации : 2010-05-20
Возраст : 22
Откуда : Таганрог

Re: Что нового в HTML 5.0?

Сообщение автор stalker_ak в Ср Июн 09, 2010 7:58 pm

Прочитал, но где-то на 13 у меня появилась зевота, потом помутнения в глазах, а потом и храп... Suspect В общем я запомнил лишь то, что скоро сайты должны перейти на НТМЛ 5, и то , что правильно писать "а Microsoft", а не "Microsoft" Crying or Very sad

Спонсируемый контент

Re: Что нового в HTML 5.0?

Сообщение автор Спонсируемый контент


    Текущее время Вт Окт 24, 2017 5:37 am