Учебник по HTML

твиттер бутстрап.

В жопу его. Компас!

Можно развернутее, чем плох bootrastrap, вроде-бы он много где используется? Сам не достоточно хорошо ориентируюсь в этих фреймворках.

htmlbook.ru

вроде-бы он много где используется

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

А объективно он плох структурно. Стили задаются классами, из-за этого часто приходится добавлять кучу лишних элементов в вёрстку только чтоб обеспечить требуюмую структуру, вот феерический пример (я бы обошёлся одним dl c dd и dt например). Ещё там убогое наследование и хз, полиморфизм, точнее его отсутствие. Там является нормой писать что-нибудь типа:

<button class="btn btn-primary btn-warning btn-large"></button>
<span class="label label-warning"></span>
<span class="badge badge-error"></span>

<button class="button large primary warning"></button>
<span class="label warning"></span>
<span class="badge error"></span>

Там как-то неструктурировано. Я его как справочник использую.

Тут http://www.opennet.ru/opennews/art.shtml?num=35625
=======================================
Консорциум W3C объявил о завершении процесса подготовки спецификаций HTML5 и Canvas 2D, которые признаны полностью сформированными, завершёнными и целостными. Разработчики приложений и представители бизнеса могут рассматривать данные спецификации как стабильные и пригодные для реализации и планирования.

Несмотря на то, что спецификации полностью готовы, они ещё не являются стандартом и станут таковым только в 2014 году. До объявления стандарта предстоит добиться повсеместной и корректной реализации созданных спецификаций. Большинство из представленных спецификаций уже достаточно хорошо поддерживаются современными браузерами и широко используются на сайтах и в web-приложениях. Тем не менее, ещё предстоит провести работу, направленную на сокращение фрагментации браузеров и унификацию поддержки предложенных спецификаций. Для этого подготовка стандарта HTML5 переведена на завершающую стадию, связанную с проведением тестирования и оценки совместимости доступных реализаций.

До окончательного принятия стандарта предстоит убедиться в корректной и совместимой реализации спецификаций в браузерах, приложениях для создания контента, почтовых клиентах, системах управления контентом, серверных приложениях и других web-системах. В W3C будет проведён анализ существующих реализаций, определены приоритеты для создания тестов и налажена работа с сообществом по реализации данных тестов. Данную работу планируется завершить до середины 2014 года, после чего будет сформирован финальный набор рекомендаций HTML5.

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

The HTML5 specification - описание базового API;
HTML5: Edition for Web Authors - подмножество спецификации HTML5 для web-разработчиков, без описания особенностей реализации для производителей браузеров;
HTML5 differences from HTML4 - cписок отличий HTML5 от HTML4;
HTML Microdata - механизм Microdata, позволяющий авторам добавить на свои страницы дополнительные семантические элементы для которых нет соответствующих HTML-тэгов или атрибутов (как RDF и микроформаты);
HTML Canvas 2D Context;
HTML5: Techniques for providing useful text alternatives - описание возможностей по использованию атрибута alt для вывода текстовых описаний контента, например, для изображений;
Polyglot Markup: HTML-Compatible XHTML Documents - разметка для документов, которые смогут быть обработаны как парсерами XML, так и HTML;
HTML to Platform Accessibility APIs Implementation Guide - средства для обеспечения доступности для людей с ограниченными возможностями;
HTML: The Markup Language - детальное описание HTML-разметки без привязки к API и принципов формирования HTML-документа как единого целого (синтакс, атрибуты, типы данных).

Одновременно сообщается, что параллельно с завершением работы по стандартизации HTML5, которая продлится ещё более года, началась подготовка будущей серии HTML-стандартов. В частности, уже опубликован первый черновик HTML 5.1 и HTML Canvas 2D Context, Level 2, а также спецификация для нового элемента «main», предназначенного для выделения основного значимого контента страницы.

Это моё подсознательно-бессознательное высказалось.) Сейчас подумаю, почему.

Он не плох, для админки - отлично, а дальше... Он кастомизируется, но у сайтов свой дизайн, от бутсртапа у меня остаётся, почему-то, ровно ноль целых ноль десятых. Мне проще свой сброс написать, чем выяснять, почему элементы управления гугльмэпса встали раком из-за сброса бутстрапа (что-то с max-width связанное) и проще дизайн постепенно рисовать, чем тратить время на кастомизацию до загрузки бутстрапа и последующей россыпи !important в стилях. Короче, поделал несколько проектов с ним и хорош, больше нет желания его использовать.

Но если нет предубеждения против их дезигна на сайте и отсутствует желание/надобность вообще им заниматься, то бутстрап неплох.

Я, вот, смотрю на твои примеры и не вижу разницы. Не нравится дефис в именах классов? Это не стоит потраченного времени на обсуждение.

Мне не нравится что украшающие классы клонированы для каждой сущности. Класс warning в примере есть отдельно для кнопки, для метки, значка, инпута... и для всего остального, а должен он быть всего один, чтобы все элементы его разделяли. Это будет правильней и проще и для цсс - одинаковые правила будут в одном месте и для хтмл - только посмотри как красиво читается «large warning button» и для жс - можно, например сразу выбрать и спрятать все ошибки не зависимо от того каким элементом они являются.

Напоследок кучка модных слов: DRY, полиморфизм, семантика.

какая разница что в коде, если это не влияет на скорость рендеринга?

http://docs.webplatform.org

Это, по-моему, хуже упомянутого htmlbook.ru, или я не чего-то не понял?

По верстке http://goo.gl/8eBPI

Благодарю. Хотя, в принципе, может и бутстрап подойдёт. А по СЕО чего-нибудь есть?

Серч форум, офф доки яндекса и гугла :-)

Too long. Мне побыстрее надо.

Too long. Мне побыстрее надо.

тогда не знаю

Может есть чего по типу: вот «то-то» и «то-то» вставить туда, а вот «это» ни в коем случае не делать. Мне не «полное руководство» надо.