Привет! Сделал тестовое задание для американской конторы по верстке — тут лежит результат. И получил такой отказ:

ожидали определение разметки для однообразного дива через 1 стиль с переопределением через точку.
div name {}
div innerName {}.name.p {font 14}.innerName.p {font 15}
Переопределение прямо в тексте htmlки — это олдскул 90е.
Я не спорю, верстка не мой профиль, не очень часто практикую. Но я не понял, что все же имелось ввиду, а переспросить у них не смогу.
Подскажите, пожалуйста, в чем там олдскул. Очень хочется разобраться и сделать работу над ошибками, чтобы в будущем не косячить так.

Tagged with →  

41 Responses to Переопределение прямо в тексте htmlки — это олдскул

  1. Tirblack:

    Простите, закрывающий тег a кто-то съел

  2. AmtEkb:

    неудивительно, судя по вопросу.
    Хотя, конечно, я тоже где-то неумеха.

  3. Kihodin:

    Переопределение прямо в тексте htmlки — вот и олдскул. Инлайн CSS недалеко ушло от оформления прямо средствами HTML уж извините.

  4. Tirblack:

    Вот именно это я и не понял. Наверно, формулировки. Стили всех классов, тегов в отдельном файле… Как грамотно переопределять?
    Блин, не понимаю, что имеется ввиду.

  5. Aurko:

    * Котиком хотел их разжалобить?
    * Я там на одном экране кода увидел 6 h1, это аморально
    * Список ты использовал не по предназначению, максимум где он должен был быть, это в перечислении скилов
    * классы font14 black — так никто не делает, макароны из стилей, читай рекомендации
    * вместо кучи дивов, им наверное нужна было минимальная «семантика», есть ещё теги b, i, strong, em, s, small, big
    * объявил хтмл5 и ни одного блока хтмл5 нет

  6. Tirblack:

    спасибо!
    котик был их)

  7. Tirblack:

    — про частое использование h1 не слышал, к сожалению, ничего плохого.
    — Список до этого никогда не использовал в таких случаях, но решил выебнуться — подсмотрел такое в коде facebook в похожем примере. выебнулся))
    — font14 black — буду знать!
    — про кучу дивов — я, видимо, таким образом решил делать переносы строк, чтобы без br. уже хз зачем их везде пихал
    — объявил, а потом не использовал, т.к. он там не нужен по-моему был. или можно было что-то использовать?

  8. RedSm:

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

  9. Aurko:

    да все можно было использовать
    и артикл, и асайд даже нав наверное можно было сунуть

    обычно такие списки оформляют через dl, dt

  10. Aurko:

    h1 одни на страницу, все, и желательно совпадать с тайтлом, не полностью, хотя бы на 50%

  11. Tirblack:

    вот специально читал про эти теги перед работой. и мне показалось, что они совсем там будут не в тему.

  12. RedSm:

    Некоторые, правда, убеждают, что в h1 должен быть логотип, как у Яндекса. Считаю идиотизмом, но реально много людей так делают, наверное на какой-то конференции кто-то крутой один раз сделал и все подцепили.

  13. Tirblack:

    b, i, strong, em, s, small, big — о них знал, но не нашел для них применения. короче, увы, не знаю, как сделать это без кучи div’ов

  14. Aurko:

    все зависит от того, кто пишет.

    вообще, что они из себя представляют, вкратце:
    артикл — любой текстовый блок, может быть контентом, может хоть блочком новостей в асайде
    асайд — любой блок плавающий слева/справа
    нав — навигация, то есть набор ссылок в блоке

  15. Aurko:

    думаю так стоить делать, когда в теле документа нельзя нигде сунуть заголовок
    то есть главные всяких порталов.

    я в таких случаях, предпочитаю х1 скрывать от глаз под картинкой какой-нить
    гугл не ругается, яндекс всё равно 🙂

  16. Aurko:

    им можно задать {dispay: block;} и они будут вести себя как дивы, и не нужно объявлять 10ки классов

  17. Tirblack:

    ну в том конкретном примере тогда можно было только article использовать, я думаю

  18. Tirblack:

    и я так понимаю, что при описании их свойств:
    article {}
    эксплорер это проигнорирует?

  19. Aurko:

    есть куча костылей, он и тэги проигнорирует, если их не продефайнить. БойлерПлейт глянь

  20. Aurko:

    асайд для картинки с ссылками, ссылки можно было в нав запихнуть

  21. Tirblack:

    Спасибо за советы. Самое главное, что ничего сложного. Больше было бы опыта… В следующий раз буду делать иначе!

  22. IkEer:

    ну так добавляешь к div.classname еще div.classname.classnameModify – вот и переопределение.

  23. SbVelo:

    >div.classname.classnameModify — а ИЕ такое вроде не понимал?

  24. IkEer:

    да ну, с каких пор, это основополагающая практика? С ИЕ у меня был негативный опыт с классом, начинающимся с нижнего подчеркивания, это да.

  25. Tirblack:

    а так -.InfoProfile.colleagues img {}
    не то?

  26. Rtsgreen:

    doctype html не обязывает использовать html5-теги. Это вопрос семантики — хочешь — используй, не хочешь — не используй.

  27. REter:

    конечно, идиотизм. Одинаковый заголовок документа в тыще разных страниц — семантика коту под хвост.
    Лучше в h5 лого затолкать.

  28. EbaApp:

    Шестой ие действительно рассматривал div.classname.classnameModify как просто div.classnameModify, да и хрен с ним уже давно.

  29. SbVelo:

    Ага, а я с тех пор стал избегать таких конструкций. Вот как ie6 лишил мои сайты светлого будущего.

  30. EnoSpb:

    Угу, Modernizr или html5shiv — выход из сутуации 😉

  31. EnoSpb:

    Советую еще такого рода задания прогонять через цсс,хтмл валидаторы. А то вот твой код дает результат 22 Errors, 2 warning(s).
    По хорошему, кол-во ошибок надо свести к минимуму а имеющиеся ошибки (оправданные) задукоментировать и объяснить их причину) Думаю, это было бы круто )
    Ну и поиграйся с хтмл5 бойлерплейт. Узнаешь много нового 🙂

  32. OCRSm:

    doctype html ? html5

  33. 2moSpb:

    Аж интересно стало сделать самому подобное тестовое задание.

  34. Ylfer:

    а вот и необязательно, зависит от доктайпа и контекста документа. Например, в каждом article может быть свой h1, если их в документе несколько.

  35. RedSm:

    Можно весь сайт сверстать из одних тегов h1, просто считается, что h1 должен быть одним. Если их много, то лучше использовать h2. Это естественно не правило, просто традиция, не более.

  36. EnoSpb:

    если делать html5, то h1 можно не нарушая никаких канонов и стандартов использовать много раз. Ваш к.о. 🙂

  37. IjdGood:

    формально да, но реально поисковые системы ожидают увидеть заголовок первого уровня на странице один раз. Семантически, h1 вроде как самый главный заголовок в документе.

  38. DniMsk:

    вроде писали уже, но скажу еще раз: классы надо называть по смыслу, а не оформлению, т.е. названия типа font14, black и pt10 — лютый пиздец

  39. Aurko:

    они же поисковик, им не нужен разный заголовок

  40. Tirblack:

    если сделаешь, покажи. мне интересно.

  41. NotZlo:

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

Добавить комментарий