Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 20.08.2014
Сообщений: 4

Какие теги HTML5 и как правильно нужно их использовать, чтобы сделать оздать нужную структуру сайта

27.01.2016, 16:57. Показов 1254. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Я читал про новые теги HTML5, но до конца так и не смог разобраться. На разных сайтах по-разному пишут.
1) Нужно ли создавать слой который будет содержать весь сайт? И если да, то как он будет называться section или article или еще как-то?
2) Меню сайта nav должно быть внутри шапки сайта header или отдельным слоем?
3) Для меню сайта лучше использовать тег nav или menu?
4) Если рассмотреть на примере сайта. Сайт имеет фиксированную ширину.
а) вверху идет блок шапки и он будет сделан тегом header.
б) далее, блок главного и единственного меню на сайте, только будет это отдельный блок или в тег header его нужно вставить?
в) на главной странице далее идет блок с меняющимися картинками (баннер) во всю ширину страницы. Какой у него будет тег — section и, в каком теге он должен находится — header или отдельным блоком?
г) следующим блоком идет полоска с вопросом и кнопкой. Какой нужен для нее тег и будет ли она находится в отдельном блоке или внутри другого?
д) после идет описание страницы main. В нем будет, только заголовок, текст абзацами и ссылки. Нужно ли создавать внутренний тег section, в котором все это будет находится? Где-то в интернете я такое видел.
е) после идет подвал страницы footer.
ж) могут ли в HTML 5 использоваться теги div? Бывает, что сайт сложен и подключаются какие-то скрипты вроде jquery и у них бывает большая слоевая структура, например внешний div, внутренний div, другой div во внешнем div’е. Что с ними делать? Так и оставлять или нужно заменять на section, article, aside или еще какие?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
27.01.2016, 16:57
Ответы с готовыми решениями:

Как правильно сделать структуру сайта
Пожалуйста подскажите хочу сделать сайт по структуре очень похожий на http://vopros-remont.ru/ / Вопрос заключается как правильно сделать...

Есть ли смысл использовать все новые теги с html5?
Привет! Я не понимаю совсем,смысл от таких тегов: <figure> <figcaption> <hgroup> ну и так далее. Зачем забивать голову...

Как презентации SWF флэш сайта перевести в HTML5 с сохранением эфектов ) Как правильно и полноценно Перевести SWF в HTML5
программа Sothink SWF Decompiler конвертирует SWF файл в HTML5 разбивая его на HTML и JS ...но она тянет только файл 15kb ...это очень...

2
 Аватар для Resume
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
27.01.2016, 17:00
Подробное описание каждого тэга HTML5 с примерами:
http://htmlbook.ru/samlayout/v... novye-tegi
0
8 / 8 / 3
Регистрация: 18.04.2014
Сообщений: 56
27.01.2016, 17:03
Новые теги, такие как header, nav или article нужны для семантики - улучшения структуры страницы.

http://html5book.ru/html5-semantic-elements/
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.01.2016, 17:03
Помогаю со студенческими работами здесь

Какие технологии C# нужно использовать для создания локального сайта?
Задача состоит в следующем. Есть серверная машина в фирме, надо создать приложение. Где пользователь отрывает браузер вводит адрес...

Какие компоненты надо использовать, чтобы сделать программу по данному примеру?
всем привет! подскажите пожалуйста как сделать вот такую программу (какие элементы использовать...)

Как правильно сделать видео на фон HTML5
Сделал в программе Camtasia Studio видео, назвал "kontakt_razdel". Она делает видео сразу в HTML5. Получилась папка kontakt_razdel, в...

Нужно, чтобы введенные теги выводились как текст
Есть поле в которое вводят текст. Необходимо сделать так чтобы если в поля вводят теги типа: <h1>Привет</h1>, Они бы точно...

Как правильно использовать теги "Article и Section" в Html 5 (по назначению!)
Как правильно использовать "Теги Article и Section" по назначению? Требуется создать область, где будут выводиться статьи. С заголовком,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru