Jump to content

Serlutin

User
  • Posts

    287
  • Joined

  • Last visited

Everything posted by Serlutin

  1. Я вот задумываюсь. А может быть всё-таки <section> c <time>, а весь блок завернуть в <article> и заголовок "Company news". Вообще, если честно, то иногда очень не хватает какого-нибудь русского сайта по HTML5 семантике. Иногда в поисках банального вопроса перероешь и html5doctor и html5gallery, а ответа так и не найдешь. Так мало того, что не найдёшь, так и ещё куча противоречивых мнений получишь.
  2. Не слушайте SelentIT, он вам неправильный код дал. Такого сделать нельзя. Никак. А если у вас по одной ссылке открываете две, то значит у вас вирус. Такого точно сделать нельзя. И все вам скажут, что такое сделать невозможно. Есть надежда, что это появится в HTML20, но в наше время такое сделать невозможно.
  3. Тоже проверяю в этом аутлайнере. Сейчас проверил в обычном, тоже делает несколько секций, так что вряд ли это просто ошибка.
  4. С моими не очень глубокими познаниями в английском, я перевёл это как родители разделов. Они подразумевают независимые отдельные части, в виде article и section. Но в любом случаи при выстраивании структуры самый первый заголовок будет использоваться, как название всей страницы. Он то и будет родителем для всего остального. Нет, конечно если будет использоваться два h1 в самом верхнем уровне, то на странице будет два основных родителя (в смысле структуры), но по мне это извращение.
  5. Зачем? Если и так нормально? Наоборот, лучше когда шапка отделена от основной части, так прощё на движок насаживать. Шапка то везде одна, а вот информация в колонках будет меняться. Жалко, что так часто position: absolute используется. Ведь этот дизайн можно сделать резиновым.
  6. Нет. Она предлагает несколько вариантов оформления структуры. 1. Классический, который подходит для небольших заметок в блоге или ещё где-нибудь: <article> <h1>Расписание на неделю</h1> <h2>Понедельник</h2> <p> <h2>Вторник</h2> <h3>Утро</h3> <p> <h3>Вечер</h3> <p> <h2>Среда</h2> </article> 2.Усложнённый, который подходит для больших статей (например, вики). Для них используются секции, чтобы можно было строить многоуровневое оглавление. Так как структура выделяется из-за вложенности секций друг в друга, то можно использовать один и тот же заголовок h1, однако можно каждой вложенной секции уменьшать заголовок. Пример
  7. Вы что-то испортили, когда меняли шапку и фон. Вот у вас такая строчка в коде: </hea/pechat-iz-fajjla/printableversion.html<h1 title=""></h1>d> А должно быть что-то типа такого: </head> <h1></h1>
  8. Есть подозрение, что такое всё-таки можно сделать через CSS, однако код разрастётся до огромных размеров, да и в будущем поддерживать (например, добавить новую модель) будет сложно.
  9. Для GeForce GTX 460 675Mhz в самый раз, так как она работает на слегка пониженных частотах, что позволяет потреблять меньше питания. Однако, если задумываться о будущем апгрейде, то лучше сразу поставить БП помощнее.
  10. Поэтому получается изврат в виде <h1><img></h1>. То есть вы хотите сказать, что в HTML5 (будем называть по старинке) такая логика прописана? Ничего подобного. Там лишь сказано, что помимо традиционного логического деления h1-h6, можно использовать section+h1>section+h1>section+h1 и т. д. Нету никаких таких сложных правил. Да есть новый парсер, однако не сказать, что он кардинально отличается от того, что реализовано в браузерах сейчас. По большей степени просто в стандарт вошло то, что и так всегда поддерживалось. Семантика же вообще вещь абстрактная. Для проверки HTML5 семантики уже давно существует outliner. C голосовыми браузерами вообще всё сложно, так как их не существует. Все мои незрячие знакомые используют IE8 и голосовой движок. Причём, по их словам, другие браузеры с голосовыми движками работают хуже, чем осёл. Если честно, то подробно не интересовался, но собираюсь. Кто же будет выкладывать такую информацию. Ведь тогда SEO расцветёт с ещё большей силой, а поисковики наоборот с ними борются. Whatwg не занимаются SEO. Они разрабатывают язык разметки. Причём разрабатывают так, чтобы сайты было удобно делать и удобно отображать. Как сайты должны обрабатывать поисковики они не решают, они лишь предоставляют для этого средства, в виде тегов article или атрибутов rel, role и др. Возможно, завтра Google решит игнорировать тег aside, если это позволить лучше индексировать основное содержание. Однако об это нововведении они не обязаны и не будут никому докладывать.
  11. Моё скромное мнение основывается на здравом смысле сортировки. Вот есть у нас учитель, которому не важно, как называется реферат, ему нужны просто рефераты Серёжи. Может также возникнуть ситуация, что кто-нибудь прочитал «Проблемы семантики и SEO-оптимизации» и решил прочитать другие рефераты, находящиеся в этой папке. Хотя если честно, заголовок реферата я бы тоже сделал h1, но при одном условии, если на странице находится всего один реферат. Если на одной странице их сразу несколько, то h1 там явно не уместен. Другая аналогия. Есть название улицы (h1), номер дома (h2) b есть номер квартиры (h3). Номер квартиры, безусловно, важный заголовок, однако без улицы и номера дома — он не действителен.
  12. По моему скромному мнению <title>Рефераты Серёжи - Проблемы семантики и SEO-оптимизации</title> <h1>Рефераты Серёжи</h1> <article> <h2>Проблемы семантики и SEO-оптимизации</h2> ...
  13. Хорошо, мы тогда её усложним. Рефераты делаются в разное время, а потом складываются в папку. А папка ещё красиво оформлена. Да и вообще эта не папка, а сайт. А «Рефераты Серёжи» — название сайта. С точки зрения поискового бота, название сайта, важнее, чем название реферата.
  14. А для динозавров вроде IE6-8 есть скрипты: http://code.google.com/p/css3-mediaqueries-js/
  15. Я вот до сих пор боюсь в каждый section вставлять заголовок первого уровня. Всё таки понятия рекомендации для браузеров и разработчиков не обязательно должны использоваться для поисковых систем. У них главное, чтобы на первом месте был самый нужный сайт, а не самый правильно свёрстанный. Понятие семантики - вообще вещь размытая. Все пытаются верстать семантично, но почему-то все считают, что семантика это когда всё подряд оборачивают в списки. (Я приверженец мнения, что календарь — это таблица) С одной стороны да, а с другой нет. Например, я сейчас в яндексе ввёл "Мебель [провинциальный город]". Так вот: на первом месте, сайт на юкозе, с ужасными текстами, оформлением и вёрсткой таблицами. Кстати, опять про заголовки. Если рассуждать логически, то H1 действительно должен быть один или два на странице. Ведь самая главная информация — это название или тема. Представим логически. Есть некий ученик Серёжа, которые должен за год сделать несколько рефератов. С точки зрения Серёжи (верстальщика). Есть папка с названием <h1>Рефераты Серёжи</h1>. В папке лежат конверты (section), в которых находятся рефераты с темами <h1>Реферат 1</h1>, <h1>Реферат 2</h1> и.т. д. В каждом реферате есть подзаголовки <h2>Подзаголовок 1</h2>, <h2>Подзаголовок 2</h2> ит. д. Теперь возьмём учителя (поисковый бот). У него лежит куча папок, а ему нужно проверить рефераты Серёжи. Самая главная информация для него это <h1>Рефераты Серёжи</h1>, но вместо этого он видит: <h1> Рефераты Пети</h1>, <h1>Реферат 1</h1>, <h1>Реферат 2</h1><h1>Рефераты Серёжи</h1>, <h1>Реферат 5</h1>, <h1>Реферат Димы</h1>. Понимаете о чём я?
  16. Есть, это называется media queries. Вот тут куча примеров. P.S. под 1024 нужно верстать в любом случае, иначе пользователи нетбуков от вас уйдут.
  17. Если честно, то не знаю, куда устанавливается Рамблер. Но панелями можно управлять через нажатие правой кнопки мыши по верхнему тулбару (или как это называется) в свободном пространстве. Ещё рекомендую полазить в Дополнениях. Можно ещё поиграться с папкой профиля. Удалить от туда все расширения. Чтобы переместить папку профиля, то запускайте Firefox c параметром -p Либо ищите в Application Data
  18. А вот это что такое: http://developers.whatwg.org/ ? Вам же ясно написали, что вы не правы. Не нужно делать из CSS панацею. Если есть параграф, то нужно использовать <p>, если есть цитата, то <blockquote> или <q>. Так будет проще и верстальщику и поисковым ботам. В Transitional режиме раньше было очень много проблем с Оперой. Сейчас вроде как лучше, однако я уже давно на <!DOCTYPE html> перешёл. Я сразу начал верстать резиновые макеты. И ничего — привык.
  19. Лучше используйте <!DOCTYPE html> При таком доктайпе браузеры будет вести себя, как при strict. Использовать ли синтаксис xhtml или нет уже решать вам. Лично для меня <img> выглядит предпочтительнее, чем <img /> 1 - верстают и очень многие. 2 - смысла использовать версию 1.1 уже нет, а 2.0 забросили 3 - по мне вообще, чем меньше дивов, тем лучше.
  20. HTML 2, наверное. Хотя даже в то время вроде был такой тег, как <p>. Почему бы не использовать весь набор тегов, и не привести его в одинаковый вид с помощью СSS? Если не хочется заворачиваться берётся reset.css от Мейера, либо сделать свой, что вполне не трудно. Но верстать только DIV'ами (кстати, тега span в вашем списке почему то нет. Или он тоже по-разному отображается?) это же извращенство.
  21. Почему бы не оставить текст в коде, но спрятать его с помощью text-indent: -9999px
  22. Таблицу можно закруглить, если к ней НЕ применён border-collapse: collapse.
  23. Эти браузеры давно славятся плохой поддержкой спецификаций. Так что нужно равняться на FF и Chrome.
  24. :first-letter применим только к блочным элементам. Тег span является строчным.
  25. Правильно Света говорит, эти скрипты не надо сравнивать. Всё зависит от того, что вам нужно сделать. Если вы собираетесь использовать только 6 новых тегов, то может быть проще вообще вот так сделать? <!--[if IE]> <script> document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('footer'); </script> <![endif]--> В modernizr есть куча функций, которые вы, наверное, никогда не будете использовать. Правда в новой версии появилась возможность собрать его под себя. Вот и посмотрите, что вам реально от него нужно, а не гипотетически.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy