semantyka html5 <hr>

Question

Witam

Czy takowy kod jest poprawny? Chodzi mi o zastosowanie <hr>. Sam już nie wiem kiedy go użyć :/

            <section class="home">
                <div class="home_content">
                    <header class="home_header">
                        <h2 class="home_title">
                            <img src="img/russia.png" alt="logocode" class="home_img">
                        </h2>
                        <p class="home_subtitle">
                            Maecenas elit libero luctus
                        </p>
                    </header>
                    <hr>
                    <p class="home_content">
                        Praesent a dolor dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce tincidunt, metus eu dictum ultrices, nulla massa commodo massa.
                    </p>
                    <footer class="home_footer">
                        Lorem Ipsum
                    </footer>
                </div>
            </section>

Dzięki

Answer 1

Uważam, że w tym miejscu użycie jest niepoprawne, bo oddzieliłeś już te teksty od siebie stosując header, wiec użyj border bottom czy after do stylizacji.

Hr powinien być zastosowany tutaj w treść samej sekcji do oddzielenia różnych tematów, lecz nadal nawiązujących do zawartości sekcji.

Comments

Tylko ten hr znacznie ułatwia stylowanie. Wolał bym użyć tą poziomą linię.

---

.home_header::after {
}

---

Heh no tak to przecie niezle rozwiazanie.