PavelTkachev

Что лучше для поисковиков. <main><h1></h1><time></time><p></p></main> или <article><h1></h1><time></time><p></p></article> или <main><article><h1></h1><time></time><p></p></article></main> Для внешнего вида сайта - одинаково. Это pathway: <a>Главнная</a> / <a> Новости</a> / А почему не main? Мне как раз было понятно зачем article. Есть статья с заголовком и датой публикации. Очень логичный тег. А затем я прочитал, что есть семантический тег main, в который включается уникальное содержимое страницы. И с этого момента я перестал понимать, как сверстать блог.

Не могу принять решение выбирая между main и article, поэтому решил посоветоваться. Главная страница <header><h1>Название блога</h1></header> <nav>Основное меню</nav> <main> <article> <time>Время публикации</time> <h1><a>Заголовок публикации, он же ссылка на полный текст</a></h1> Краткий текст публикации </article> .... другие 9 <article> </main> <menu>Ссылки на страницы</menu> <footer>Кнопки на каталоги</footer> Внутренняя страница <header>Название блога</header> <nav>Основное меню</nav> <main> <section>Путь к публикации</section> <article> <h1>Заголовок публикации</h1> <time>Время публикации</time> <p>Полный текст публикации</p> <p>Полный текст публикации</p> </article> </main> <footer>Кнопки на каталоги</footer> Нужен ли article во внутренней странице? При его отсутствии будет ли time говорить о времени публикации, как для article? Что посоветуете ещё учесть для лучшей индексации? Нужно ли прописывать роли?

Прочитал, что с августа 2014 будут рекомендовать уже 2.0. А браузеры 1.2 вообще поддерживают? Не могу найти про это упоминание.

Я хочу изучить SMIL анимацию и размышляю какой стандарт читать.

Допустимо ли использовать свойство content: "" или обязательно должен быть пробел между кавычками? Можно ли использовать одинарные кавычки?

Какой стандарт SVG использовать для работы с сайтами 1.1 или 1.2?

А можно ли сделать универсальный способ или надо для каждого заголовка делать свой класс и прописывать в нём ширину? Я имею в виду, что количество символов в заголовке может быть произвольным и сделать так, чтобы в не зависимости от количества символов черта начиналась на 10px от них.

Пытаюсь изобрести способ отображения заголовка, чтобы за ним была цветная линия, но она не была видна под текстом. Возможно ли это без использования дополнительного span внутри заголовка? Пока у меня получилось вот что, но линия получилась поверх текста. http://jsfiddle.net/4CBLC/

Спасибо!

Как сделать ссылку подчёркнутую точками с картинкой слева, чтобы она не была подчёркнута. Понимаю, что можно в тег a вложить span и сделать отступ с background. Но можно ли обойтись одним тегом a? Я пробовал делать а:before для картинки и border-bottom:dotted для ссылки. Но точки распространяются и на картинку слева, чего быть не должно.

Спасибо за разъяснения. В общем без JS никак. Жаль.

В этом и дело, что не квадратные. И ещё у одних может быть ширина больше длинны, а у других наоборот. И надо сделать такое поле, которое будет квадратным и адаптироваться под размеры экрана. С помощью html+css это можно сделать? Я слышал про какие-то формулы в css, что там можно делать вычисления исходя из высоты и ширины. Можно определить размеры экрана с помощью JS и потом применить стили в зависимости от размеров экрана. Но может можно сделать что-то иное? Ещё я думал сделать svg и его растягивать. Но тут также вопрос об определении 90% по ширине ставить или по высоте. Фиксированная ширина не подойдёт, так как дизайн должен быть резиновый для работы на любых устройствах. Можно, ещё определять стили с помощью media. Что посоветуете?

Ячейки не квадратные. Всегда должен быть квадрат, который не выходит за размеры экрана.

Пытаюсь выбрать технологию для отображения резинового поля состоящего из квадратных ячеек, размером 10 на 10. Нужно чтобы оно было резиновым и при увеличении размера экрана занимало 90% по большему размеру (ширине или высоте). Можно ли это сделать с помощью html+css или потребуется обязательно JS для определения что больше: высота страницы или ширина? Или это может сделать svg? Или вообще cаnvas только?

Спасибо!

Как вставить svg файл в тело html документа, кроме <img src="name.svg" />? И какой svg создавать: 1.0, 1.1, Tyni 1.1, Tyni 1.1+, Basic 1.1, Tyni 1.2?

Тем, что Не всякий после этого захочет копировать.

А может подскажите, что за единицы rem?

Да. Только средствами CSS. Хотя, может быть этот плагин и не страшный по нагрузке. Потестирую. Спасибо!

Спасибо!

При уменьшении ширины слева отступ больше, чем справа. Как сделать чтобы было всегда по центру? http://jsfiddle.net/z62JP/

Ещё одно преимущество base64-кодирования. Защита вёрстки от копирования.

Можно ли сделать так, чтобы размер шрифта изменялся пропорционально высоте страницы?

Но это просто куча DOM элементов! Разве нет способа требующего меньше элементов, и при этом работающего в современных браузерах? Я не знаю способа как сделать прямоугольный блок в центре экрана. В моём представлении, если этого добиться, то внутри можно сделать block-inline.

Тестирование закончено. Тестировалось <link rel="shortcut icon" href="data:image/vnd.microsoft.icon;base64," /> Проверялось в FireFox, Chrome, Opera, Safari, Android, IE9(64bit). Во всех браузерах, кроме последнего, всё сработало как ожидалось. IE9(64bit) запрос к серверу для получения favicon не делает, но и закодированные favicon не отображает. Также протестировал кодирование jpeg в теге img. Кодировал картинку размером 216кб. В всех выше заявленных браузерах она отобразилась корректно. Вывод. В современных браузерах base64-кодирование картинок работает даже для изображений большого размера. Закодированный favicon в IE9(64bit) не отображается, хотя запрос в серверу за файлом не делает.