layout dla dużych i małch ekranów

Cześć, robię stronkę o takim układzie layout i chcę aby na urządzeniach mobilnych elementy wyświetlały się w kolejności od góry: navigation, extra, content, a na innych tak jak pod linkiem. Czy te dwa z lewej wrzucić do sekcji czy jakieś inne rozwiązanie. I drugie pytanie, co w czym zawierać, czy zawsze article w section, co z divami, span. Są jakieś zasady którymi się kierować?

Musisz zastosować media queries. Najpierw stworzyć layout dla wersji mobilnej, a następnie zmodyfikować dla wyższych rozdzielczości.

Jak chcesz pisać kod html poprawny semantycznie to article w section możesz stosować, ale nadal do stylizacji i położenia elementów używasz divów, tagi html mają raczej funkcję pozycjonującą/kategoryzującą.

czysteskarpety napisał(a):

Jak chcesz pisać kod html poprawny semantycznie to article w section możesz stosować, ale nadal do stylizacji i położenia elementów używasz divów, tagi html mają raczej funkcję pozycjonującą/kategoryzującą.

Więc w article mam utworzyć diva i dopiero tego diva stylizować, article ani section nie można?

wszystko można stylizować po prostu za dużo nad tym nie myśl, te tagi to tylko pomoc dla botów takich jak google, i bez problemu możesz napisać całą stronę na divach bez zastawiania się nad resztą.

Też nigdy nie przywiązywałem do tego wagi, jak i nagłówków itp. i audyt w chrome seo miałem 90-100% bardziej się czepia alt czy aria-label.