Ответы пользователя по тегу HTML
  • Правильное использование тегов?

    tuychin
    @tuychin
    Frontend dev
    Желательно, заголовок h1 должен быть один на странице.
    После него могут быть несколько h2, под каждым h2 может быть h3 и так по иерархии.

    Например:
    <h1>Блог</h1>
    
    <h2>Статья 1</h2>
    <h3>Подзаголовок 1</h3>
    <p>Текст</p>
    
    <h2>Статья 2</h2>
    <h3>Подзаголовок 2</h3>
    <p>Текст</p>
    
    <h2>Статья 3</h2>
    <h3>Подзаголовок 3</h3>
    <p>Текст</p>


    UPD. Если главный заголовок не предусмотрен, можно использовать
    семантический тег <article></article>
    Пример:
    <article>
        <h1>Статья 1</h1>
        <h2>Подзаголовок 1</h2>
        <p>Текст</p>
    </article>
    
    <article>
        <h1>Статья 2</h1>
        <h2>Подзаголовок 2</h2>
        <p>Текст</p>
    </article>
    
    <article>
        <h1>Статья 3</h1>
        <h2>Подзаголовок 3</h2>
        <p>Текст</p>
    </article>
    Ответ написан
    Комментировать
  • Как правильно писать id тоже по БЭМ?

    tuychin
    @tuychin
    Frontend dev
    Полагаю, в БЭМ, именовать id для нужд js можно как угодно, главное чтобы было понятно.
    Но при условии, что id не будет использоваться в качестве селектора для стилей.
    Для удобства, можно добавить префикс "js-"

    Из документации по БЭМ
    Чтобы реализовать принципы БЭМ в проекте, необходимо:
    • абстрагироваться от DOM-модели и научиться создавать блоки;
    • не использовать ID-селекторы и селекторы тегов;
    • минимизировать количество вложенных селекторов;
    • использовать соглашение по именованию CSS-классов, чтобы избежать коллизии имен и сделать имена селекторов максимально информативными и понятными;
    • работать в единых терминах блоков, элементов и модификаторов;
    • выносить в модификаторы CSS-свойства блока, изменение которых кажется вероятным;
    • использовать миксы;
    • разделять код на мелкие независимые части для удобства работы с отдельными блоками;
    • повторно использовать блоки.
    Ответ написан
    Комментировать
  • Как сделать горизонтальную черту на всю ширину?

    tuychin
    @tuychin
    Frontend dev
    -webkit-box-reflect: right;
    В класс title.

    Заработает)
    Ответ написан
    22 комментария