{"action":"created","issue":{"url":"https://api.github.com/repos/bem/bem-forum-content-ru/issues/931","repository_url":"https://api.github.com/repos/bem/bem-forum-content-ru","labels_url":"https://api.github.com/repos/bem/bem-forum-content-ru/issues/931/labels{/name}","comments_url":"https://api.github.com/repos/bem/bem-forum-content-ru/issues/931/comments","events_url":"https://api.github.com/repos/bem/bem-forum-content-ru/issues/931/events","html_url":"https://github.com/bem/bem-forum-content-ru/issues/931","id":141742010,"number":931,"title":"Правильное именование","user":{"login":"APrinciple","id":17353993,"avatar_url":"https://avatars.githubusercontent.com/u/17353993?v=3","gravatar_id":"","url":"https://api.github.com/users/APrinciple","html_url":"https://github.com/APrinciple","followers_url":"https://api.github.com/users/APrinciple/followers","following_url":"https://api.github.com/users/APrinciple/following{/other_user}","gists_url":"https://api.github.com/users/APrinciple/gists{/gist_id}","starred_url":"https://api.github.com/users/APrinciple/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/APrinciple/subscriptions","organizations_url":"https://api.github.com/users/APrinciple/orgs","repos_url":"https://api.github.com/users/APrinciple/repos","events_url":"https://api.github.com/users/APrinciple/events{/privacy}","received_events_url":"https://api.github.com/users/APrinciple/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/bem/bem-forum-content-ru/labels/html","name":"html","color":"c7def8"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-03-18T00:25:09Z","updated_at":"2016-03-18T00:37:45Z","closed_at":null,"body":"Всем шалом!\r\n\r\nЯ начинающий, 2 месяца в вёрстке, сверстал 7 макетов, на днях читал, как ни странно, советы от гугл по оптимизации, там увидел БЭМ (чтобы не допускать каскадность), и дабы не терять время, я решил освоить его, я тут. И у меня вопрос:\r\n\r\nСуществуют повторяющиеся html5 теги, например  header-ы, footer-ы, nav-ы, и вообще, я всё правильно разметил? :))\r\n\r\nПример:\r\n\r\n<header class=\"header-main\">\r\n  <nav class=\"nav-main\">\r\n    <li class=\"nav-main__item\">\r\n      <a class\"nav-main__link\" href=\"/\">Я обычная ссылка</a>\r\n    </li>\r\n    <li class=\"nav-main__item\">\r\n      <a class\"nav-main__link nav-main__link_active\" href=\"/\">А я активная ссылка</a>\r\n    </li>\r\n  </nav>\r\n  <form class=\"form-header\">\r\n    <input class=\"form-header__login\" type=\"text\">\r\n    <input class=\"form-header__email\" type=\"email\">\r\n    <button class=\"form-header__button   form-header__button_red\" type=\"reset\"></button>\r\n    <button class=\"form-header__button   form-header__button_blue\" type=\"submit\"></button>\r\n  </form>\r\n</header>\r\n\r\n<article class=\"any-class \">\r\n  <header class=\"header-post\"> это же блок, не элемент?\r\n    <h3 class=\"header-post__title\"></h3>\r\n    <a class=\"class=\"header-post__link\"></a> тут два нижних подчёркивания __после -post, но отображает при выводу по-другому.\r\n  </header>\r\n\r\n  <footer class=\"footer-post\">\r\n    <div class=\"footer-post __any-element \"></div> тут два нижних подчёркивания __после -post.\r\n    <a class\"footer-post__link \" href=\"/\">сайт</a>\r\n  </footer>\r\n<article>\r\n\r\n<nav class=\"navigation-pages\">\r\n  <ul class=\"navigation-pages__ul\">\r\n    <li class=\"navigation-pages__item\">\r\n       <a class=\"navigation-pages__link\"></a>\r\n       <a class=\"navigation-pages__link_current\">Текущая</a>\r\n    </li>\r\n  </ul>\r\n</nav>\r\n\r\n<footer class=\"footer\" class=\"footer-bottom\" или class\"cellar\">\r\n  <a class=\"footer-bottom__link\">Ссылка подвала</a>\r\n</footer>\r\n\r\nЯ могу разделять главный <header> и для поста <header> вот так: \r\n\r\n<header class=\"header header_main\"> с модификатором\r\n  <a class=\"header__link\"></a> \r\n</header>\r\n\r\n<article>\r\n  <header class=\"header header_article\"> другой модификатор\r\n   <a class=\"header__link \"></a> могу я тут писать \"header_article__link\" (тут два нижних подчёркивания __после \"article\"), чтобы различать с ссылкой в главной header (<header class=\"header header_main\">) нельзя писать header c модификатором, а потом элемент - \"header_article__link\"?\r\n  </header>\r\n</article>\r\n\r\nСей (2-й) подход с разными модификаторами ещё потребует каскад в CSS, в таком случае нужно в одинаковых html5 тегах и в тегах типо <form>, писать разные классы, а не разные модификаторы?\r\n\r\nПытался с исходниках яндекс-проектов смотреть код, смотрел на DNS-yandex, punto-switcher, там только на дивах, меня интересовали html5 теги и nav > ul > li > a, понимаю, что можно опустить html5 теги, которые повторяются, навигацию просто через <div> <a>, опуская nav, ul и li, и т.д. но интересует c многими вложенностями и повторяющиеся.\r\n\r\nИ ещё на счёт каскадности, смотрел исходник DNS-yandex, там в классах \"static-text\" есть h2, h3, h4, без классов, соответственно - есть каскад, так каскад простителен? Его можно не всегда избегать?\r\nНа гугл в советах по оптимизации написано, используйте методологию БЭМ, дабы избежать каскадности, чтобы увеличить скорость, говорилось, что каскадность - плохо для оптимизации. \r\nВ связи с тем, что БЭМ на независимостях строится, чтобы не было конфликтов, а на яндекс-днс опустили классы в h2, h3, h4, ибо уверены, что конфликтов не будет, и опустили классы, сверстали на каскады - static-text h2.\r\nНо в чём тогда профит, в независимости, в оптимизации (не допускать каскады, где это можно), от чего плясать?\r\n\r\nИ есть тут, кто может дать ссылки на свои работы, дабы посмотреть примеры вёрстки по БЭМ. \r\n\r\nПардон за много букв. Заранее благодарю."},"comment":{"url":"https://api.github.com/repos/bem/bem-forum-content-ru/issues/comments/198145419","html_url":"https://github.com/bem/bem-forum-content-ru/issues/931#issuecomment-198145419","issue_url":"https://api.github.com/repos/bem/bem-forum-content-ru/issues/931","id":198145419,"user":{"login":"APrinciple","id":17353993,"avatar_url":"https://avatars.githubusercontent.com/u/17353993?v=3","gravatar_id":"","url":"https://api.github.com/users/APrinciple","html_url":"https://github.com/APrinciple","followers_url":"https://api.github.com/users/APrinciple/followers","following_url":"https://api.github.com/users/APrinciple/following{/other_user}","gists_url":"https://api.github.com/users/APrinciple/gists{/gist_id}","starred_url":"https://api.github.com/users/APrinciple/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/APrinciple/subscriptions","organizations_url":"https://api.github.com/users/APrinciple/orgs","repos_url":"https://api.github.com/users/APrinciple/repos","events_url":"https://api.github.com/users/APrinciple/events{/privacy}","received_events_url":"https://api.github.com/users/APrinciple/received_events","type":"User","site_admin":false},"created_at":"2016-03-18T00:37:45Z","updated_at":"2016-03-18T00:37:45Z","body":"Пардон, не знал, просто вносил заметку, чтобы отображает при выводе по-другому, когда два нижних подчёркивания."}}