Помощник
|
html5, Правильно ли я понял |
KRoN
|
Сообщение
#1
|
||
|
|
||
|
|||
4enki |
11.5.2012, 2:06;
Ответить: 4enki
Сообщение
#2
|
|
правильно ли я понял нет. не верно. header,footer, к примеру. это отдельные(!) элементы. заголовок и шапка сайта. на сайте они будут использованы только по 1 разу. section - это элемент подразумевает блок с основным содержимым. а вот внутри него уже и будут article. (статья, анонс и т.п.). nav - элемент навигации. aside - боковая колонка. используется не для основного содержания, а для вывода всевозможных элементов сайта. поиск, соц.кнопки, навигация, список тегов и категорий и т.п. вот по этой ссылке всё довольно подробно: http://htmlbook.ru/html5. там же есть и пример сайта, сверстанного на html5. да и вообще, лучший способ что-то понять: посмотрите исходники уже существующего простого сайт на html5. |
|
|
x64 |
11.5.2012, 8:26;
Ответить: x64
Сообщение
#3
|
|
header — шапка, то, что раньше задавалось как:
<div id="header">содержимое шапки</div> сейчас делается так: <header>содержимое шапки</header> footer — повал соответственно: <div id="footer">содержимое подвала</div> сейчас ввели отдельный элемент для этого: <footer>содержимое шапки</footer> aside — боковое меню, ранее было примерно так: <div id="aside">содержимое боковичка</div> ну и в таком духе. года 4 назад на рите говорили, что проанализировали код тысяч страниц, нашли самые часто встречающие обозначения и «затегили» их. в общем, на http://htmlbook.ru/ есть кое-чего, посмотрите Сообщение отредактировал x64 - 11.5.2012, 8:27 |
|
|
KRoN
|
Сообщение
#4
|
|
Хм, но один из веб-разработчиков Oper'ы говорит что header, footer, aside не именно div id="..."
http://pepelsbey.net/2011/07/sense-coding/ Вотс... да и вообще, лучший способ что-то понять: посмотрите исходники уже существующего простого сайт на html5. Каждый все понимает по своему На htmlbook говорится, что "Тег <header> задает «шапку» сайта или раздела, в которой обычно располагается заголовок." Раздела те любой шапки важной части... И тем более htmlbook сугубо чье-то мнение... Вот даже если взглянуть на верстку Пепелсбея можно увидеть что в каждом wrap'e почти везде есть header и footer... Так что лучше читать оф документацию на буржуйском... Тяжко придется) -------------------- |
|
|
x64 |
11.5.2012, 20:21;
Ответить: x64
Сообщение
#5
|
|
|
|
|
KRoN
|
Сообщение
#6
|
|
ну раз есть сомнения относительно вопросов мироздания, надо смотреть в библии header и footer, не так ли? в общем-то, исходя из примеров элементы используются чуть ли не как угодно) В принципе вы правы, вот уже 3-ий день покоряю Библию) Но с трудом дается на англ языке... вот и спрашиваю правильно я все понял, и хотя сейчас мне кажется можно верстать как угодно, ПС не учитывают семантику, для них это обычные дивы) -------------------- |
|
|
x64 |
12.5.2012, 12:32;
Ответить: x64
Сообщение
#7
|
|
во времена бурной разработки html3/4 основная ставка была на оформительские теги: s, strike, u, acronym, font и ещё некоторые (причём, некоторая часть из которых поддерживается браузерами но не входит в спецификацию, например, nobr). примечательно, что многие браузеры выделяли содержимое тегов наклонным или жирным начертанием (т. е. конечному пользователю было никак от этих излишеств).
теперь все ударились в семантику. семантика — это круто! и появляется куча семантических тегов, в то время, как оформительские начинают порицаться. а по сути получаются теже яицы, только в профиль. браузеры давно научились html любой корявости отображать хоть как-нибудь. поисковики, соответственно, тоже. сеошникам вроде бы дают инструменты для более логичного представления документов, но при этом нет чётких инструкций, как ими пользоваться (иначе html превратился бы в xhtml со всей строгостью). тот же header: можно обрамить как часть, относящуюся к заголовку, а можно использовать как шапку. походу надо плюнуть на всё это и верстать, как верстали. а как только поисковики начнут давать повышенный вес страницам с использованием каких-нибудь новых тегов, так можно и будет и поменять. благо, <div id="header">...</div> несложно заменить на <header>...</header>, ну и в стилях убрать решётку: #header {...} заменить на header {...} |
|
|
boombeerman |
12.5.2012, 12:57;
Ответить: boombeerman
Сообщение
#8
|
|
Получается чисто для структуризации CSS сделали.
Вместо кучи однотипных айдишников дивов, решили раскидать все по полкам, тобишь все раздельно, айдишники хедеров, футеров, дивов и т.д А зачем не понятно, единственное что это дает так это более удобную читаемость чужой верстки, и нахождение определенных элементов. Сообщение отредактировал boombeerman - 12.5.2012, 13:01 |
|
|
lejos |
30.5.2012, 12:29;
Ответить: lejos
Сообщение
#9
|
|
|
Из книг на русском языке могу посоветовать П. Лабберс - HTML 5 для профессионалов. Мощные инструменты для разработки современных веб-приложений - 2011.
Книга хороша тем, что все достаточно хорошо и понятно расписано. Много внимания семантике и основным плюшкам HTML5. На основе этой книги сделал спецкурс, апробировал в школе с детьми, усвоение материала проходило очень быстро и легко. Еще есть книга - Б. Лоусон, Р. Шарп - Изучаем HTML 5 (Библиотека специалиста) - 2011, но мне она не очень понравилась, в виду несерьезного отношения авторов к делу. Я в данный момент пишу диплом на тему HTML5+CSS3 = адаптивная верстка. Тоже много переводил и читал, если будут вопросы - обращайтесь.
-------------------- Занимаюсь отловом ошибок и несоответствий в вашем коде, а так же помогаю подружиться с валидатором. Люблю вопросы о макетировании, сетках, юзабилити. |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP) | 56 | qpPeW | 44947 | 19.7.2023, 10:03 автор: qpPeW |
|
4к HTML5 видео плеер для сайта | 0 | Рио | 969 | 20.1.2020, 12:08 автор: Рио |
|
1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3 | 1 | byteeightlab | 1472 | 2.7.2019, 7:37 автор: ychervov |
|
Разработка баннеров для интернет-рекламы: html5, flash, gif и jpg | 24 | tolkunovdb | 7515 | 25.2.2019, 15:38 автор: tolkunovdb |
|
Разработка баннеров для интернет-рекламы: html5, flash, gif и jpg | 34 | twildd | 19456 | 25.2.2019, 15:19 автор: twildd |
Текстовая версия | Сейчас: 25.4.2024, 21:33 |