O
O
Olegarh1a2020-06-07 01:23:10
css
Olegarh1a, 2020-06-07 01:23:10

Is it worth marking up like this?

(the picture is not displayed, the path is not registered, it is not needed in principle)
experiment
There is a cap
5edc140c3db40207205818.jpeg
, I added a signature under the logo to make it more difficult,
my goal was to have fewer blocks (div)
it turned out like this https://jsfiddle.net/Olegarh1a/d34o8f2j/4
On design do not look it's all the little things the main thing is the structure itself
I would like to read the opinion of a specialist (it's worth doing the site structure this way)

Answer the question

In order to leave comments, you need to log in

4 answer(s)
N
Nikolay Matyushkin, 2020-06-07
@Devilz_1

So you can at least cover everything with a tabular layout :-D
In general, it's normal, but there is an important semantic flaw. The header should include the navigation and logo, followed by a section that will include h1 and info text.

K
Kristal1, 2020-06-07
@Kristal1

No

V
Vladimir Solntsev, 2020-06-07
@vladdimir

From divatosis to divaphobia...
aiming for as few divas as possible is a bad goal. Divas are generally not bad, but neutral. Bad != neutral. With the same success, you can use sections instead of divs and is proud of its level 80 semantics. It's perfectly fine to use divs if you need them, for grouping or decoration or whatever you need to express that doesn't have any express context.
The design goal is to learn the semantic meanings of tags, as an example.
As for the structure, it's OK, but I would introduce additional wrappers to group the header logo with text into separate sections (not necessarily with this tag). Because, together they form complete blocks, and have strong bonds with each other.

div.logo
  img.logo-img
  p.logo-caption
...
div.banner
  h1
  p

J
Jan van Eyck, 2020-06-07
@threezadoozy

No, it's not worth it. - redundant elements. What is the .container for, if the header itself is a container ? Or even better a.logo - to link to the main page.
<div class="container"> и <img>

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question