Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Новые теги в HTML5

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Новые теги в HTML5

Страниц (2): [1] 2 »

1. morosit - 22 Сентября, 2011 - 07:37:20 - перейти к сообщению

Зачем в HTML5 новые теги

CODE (html):
скопировать код в буфер обмена

<header></header><nav></nav>

Цитата:

Цитата с htmlbook.ru
Тег <header> задает «шапку» сайта или раздела, в которой обычно располагается заголовок.
Тег <nav> задает навигацию по сайту.

Используется так:

CODE (html):
скопировать код в буфер обмена

<header>
    <h1>Чебурашка и крокодил Гена</h1>
  </header>

я не вижу разницы между использованием header или просто h1. Тогда зачем?

2. White - 22 Сентября, 2011 - 08:01:55 - перейти к сообщению

morosit я могу конечно ошибаться, но соблюдение такого стандарта дает следующие плюсы:
1) легкое индексирование. поисковым ботам становится более понятной структура сайта.
2) легкое преобразование html->xml(rss). ненужный header отсекается сразу, а nav используется для прохода по ссылкам и формирования ленты.
3) ну и самое интересное. не знаю поддерживает ли такую возможность хотя бы один браузер, но он мог бы добавлять к контенту размещенному в этих тегах маленькое всплывающее контекстное меню (свернуть, развернуть, закрепить). пользователь мог бы например силами браузера убрать ненужный ему header, чтобы тот не мешал ему читать контент сайта, убрать или закрепить меню, сделать его всплывающим при наведении мыши. так сказать сделать сайт удобным для себя. нечто подобное конечно можно реализовать с помощью JS костылей, и так не редко делают, но было бы удобнее если бы это делал браузер, во первых это упростило бы жизнь веб-мастеру, во вторых пользователь бы знал, что такая функция есть, и как ей пользоваться (так как независимо от сайта эта возможность представлялась бы одинаково).

я думаю сюда можно еще много чего добавить.

3. morosit - 22 Сентября, 2011 - 08:10:49 - перейти к сообщению

3) да это правда было-бы интересно

4. Мелкий - 22 Сентября, 2011 - 08:57:40 - перейти к сообщению

morosit пишет:

я не вижу разницы между использованием header или просто h1. Тогда зачем?

header - это весь блок шапки сайта. Т.е. и всякие слоганы, картинки и чего там ещё захочется поместить в шапку сайта.

И на всякий случай говоря - h1 != название сайта, это заголовок конкретной страницы и обычно размещается уже непосредственно перед контентом.

А появились, т.к. в HTML4 header делают так: <div id="header">.*</div>.
Ещё блок footer появился, наравне с header

5. morosit - 22 Сентября, 2011 - 09:18:08 - перейти к сообщению

Мелкий писать <header> конечно проще чем <div id=header>, но вводить из-за этого новый элемент
(Добавление)
ИМХО новые элементы вводит стоит для дополнительной функциональности, которую <div> реализовать не может, (ну как White написал)

6. Мелкий - 22 Сентября, 2011 - 09:46:37 - перейти к сообщению

morosit пишет:

писать <header> конечно проще чем <div id=header>, но вводить из-за этого новый элемент

Ну так можно и придти к мысли - а зачем все H*, когда их можно задать стилями?
Зачем вам всякие strong'и, em, b,i (чего там ещё), когда всё можно сделать другими тегами.
Семантика.

7. EuGen - 22 Сентября, 2011 - 09:48:51 - перейти к сообщению

Не только семантика. Были времена, когда CSS только зарождался и не было столь широких возможностей.

8. Мелкий - 22 Сентября, 2011 - 09:50:29 - перейти к сообщению

EuGen, были времена, когда и HTML не было. Я-то про сейчас.

9. Stasnislav - 22 Сентября, 2011 - 10:35:30 - перейти к сообщению

На мой скромный взгляд html5 еще не скоро войдет в моду, слишком уж масштабные изменения.

10. morosit - 22 Сентября, 2011 - 11:06:10 - перейти к сообщению

Stasnislav как я понял если браузер не поддерживает ХТМЛ5 многоие новшества просто будут обработаны по старому, так что не вижу проблемы
Мелкий стоит или не стоит вводить новые элементы, это тема холиварная. Что они нам дают вот в чем вопрос?

11. Stasnislav - 22 Сентября, 2011 - 11:14:02 - перейти к сообщению

morosit пишет:

Stasnislav как я понял если браузер не поддерживает ХТМЛ5 многоие новшества просто будут обработаны по старому, так что не вижу проблемы

Какие браузеры? С таким доктайпом как минимум ИЕ будет краказябры выдавать <!DOCTYPE html>
(Добавление)
А другие браузеры если и будут по старому обрабатывать, то каждый по-своему... оно нам надо?

12. morosit - 22 Сентября, 2011 - 11:29:39 - перейти к сообщению

Stasnislav пишет:

как минимум ИЕ будет краказябры выдавать

да нет не выдаёт кракозябров ie8

13. Stasnislav - 22 Сентября, 2011 - 11:34:04 - перейти к сообщению

morosit пишет:

Stasnislav пишет:

как минимум ИЕ будет краказябры выдавать

да нет не выдаёт кракозябров ie8

Завидую белой завистью, если отказались от ИЕ7... Мы, к сожалению, не можем себе позволить такого.

14. Ch_chov - 22 Сентября, 2011 - 12:25:20 - перейти к сообщению

Новые теги полезны не только для того, чтобы упорядочитnь логическую структуру страницы, но и для верстки. В html 4 кол-во блочных тегов мягко говоря, ограничено. Возможно вам приходилось считать кол-во открытых и закрытых дивов, особенно когда на странице их несколько десятков.

CODE (html):
скопировать код в буфер обмена

        </div>
      </div>
    </div>
  </div>
</div>

Если бы тут использовались разные теги, то разбираться в этой вёрстке было бы намного проще.

Stasnislav пишет:

а мой скромный взгляд html5 еще не скоро войдет в моду, слишком уж масштабные изменения.

Он уже в моде. Также как и CCS3. Особенно на новых сайтах. Хотя статистику на этот счёт я не видел.

15. Stasnislav - 22 Сентября, 2011 - 12:47:37 - перейти к сообщению

Ch_chov пишет:

CODE (html):
скопировать код в буфер обмена

        </div>
      </div>
    </div>
  </div>
</div>

Если бы тут использовались разные теги, то разбираться в этой вёрстке было бы намного проще.

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

Ch_chov пишет:

Stasnislav пишет:

а мой скромный взгляд html5 еще не скоро войдет в моду, слишком уж масштабные изменения.

Он уже в моде. Также как и CCS3. Особенно на новых сайтах. Хотя статистику на этот счёт я не видел.

...html5, css3... как все прекрасно.... а как же пресловутая валидация? Кто-то тут мне доказывал, что верстать нужно валидно... css3, несомненно, облегчил бы жизнь верстальщику, но пока он 'не в моде', использовать его рано... то же самое относится и к html5... для каких-то своих проектов или по прихоти заказчика без проблем... А те, кто работают в студиях или сами разрабатывают коммерческие проекты, знают, что пока дядя Билл не скажет 'гоп', прыгать рано... Поэтому 'в моде' это не тогда, когда кто-то где-то для себя сделал сайт по современным технологиям, а когда действительно массово перейдут.