Hi guys! I’m trying to adapt an own design as a wordpress theme but I have a question about how should work for a wordpress theme, regarding with semantics.
I’m using understrap as base theme (underscore + bootstrap) and I have my design made in html/sass (no bootstrap) . So my question is about semantics, I made my design following all semantics standards learned on FCC, I used tags like “header” “section” etc to layout mi page like this:
<div class="hero">
<div class="overlay">
<header>
<div class="top-bar">
<img src="./img/logo.png" alt="logo" class="logo">
<p>Dark Friday: <span>25% OFF</span> en todos nuestros productos!!</p>
<input type="search" placeholder="Buscar Producto">
</div>
<nav id="main-menu">
etc...
But this theme layout is made everything with divs, so my question is if I can safely change these divs for the tags used on my own design like this:
<!-- understrap -->
<div id="wrapper-navbar">
<!-- change to -->
<header id="wrapper-navbar">