Doubt about HTML5 semantics

Question

I am writing a page with HTML5 semantic standards in mind. See:

<section id="experiencia" class="section section-center">
            <header>
                <h2>Experiência</h2>
                <p class="subtitle">Lorem ipsum dolor sit amet. Proin gravida nibh vel velit auctor aliquet</p>
            </header>
            <div class="container">
                <div class="row">
                    <article class="col col-4 block">
                        <div class="icon-container">
                            <i class="fa fa-lock"></i>
                        </div>
                        <header>
                            <h3>Segurança da Informação</h3>
                        </header>
                        <p>Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,</p>
                        <footer>
                            <p><a href="" class="btn btn-saiba-mais">Saiba mais</a></p>
                        </footer>
                    </article>
                    <article class="col col-4 block">
                        <div class="icon-container">
                            <i class="fa fa-code"></i>
                        </div>
                        <header>
                            <h3>Webmaster</h3>
                        </header>
                        <p>Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,</p>
                        <footer>
                            <p><a href="" class="btn btn-saiba-mais">Saiba mais</a></p>
                        </footer>
                    </article>
                    <article class="col col-4 block">
                        <div class="icon-container">
                            <i class="fa fa-linux"></i>
                        </div>
                        <header>
                            <h3>Sysadmin</h3>
                        </header>
                        <p>Aenean sollicitudin, lorem quis bibendum. Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,</p>
                        <footer>
                            <p><a href="" class="btn btn-saiba-mais">Saiba mais</a></p>
                        </footer>
                    </article>
                </div>
            </div>
        </section>

As can be observed, I use the header right after the tag Section, already inside the tag article re-use header. This job would be right?

I imagine that the header (header) is relative to the tag that behaves it, that’s right?

Answer 1

Yes, that’s correct! The Header will be relative to the father, whether it is a Serction or article, you have shown exactly that it is part of that place. Congratulations!