• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Poprawna struktura HTML, semantyczność

0 głosów
111 wizyt
pytanie zadane 19 listopada 2018 w HTML i CSS przez JuniorDevAspirant Obywatel (1,920 p.)

Witam. Proszę o opinie króciutkiego kodu HTML, czy jest semantycznie napisany. Poniżej daje kod

i link do obrazka prezentującego rozmieszczenie elementów na stronie.

<body>
  <header>
  </header>
  <nav>
  </nav>
  <div>
<main>
  <nav>
  </nav>
  <section>
    <article>
    </article>
  </section>
  <nav>
  </nav>
  <section>
    <article></article>
    <article></article>
    <article></article>
    <article></article>
    <article></article>
    <article></article>
  </section>
</main>
  <aside>
  </aside>
</div>
  <footer>
  </footer>
</body>
komentarz 19 listopada 2018 przez JuniorDevAspirant Obywatel (1,920 p.)
Ogólnie ten DIV ma być flexem gdzie main i aside są obok siebie

1 odpowiedź

0 głosów
odpowiedź 19 listopada 2018 przez radek024 Maniak (65,960 p.)
Bardzo fajnie rozrysowanie, ale semantyka to nie jakieś odgórnie ustalone zasady pisania co jest gdzie. Semantyka to oddanie charakteru danej części strony. Czy zatem można powiedzieć czy to jest OK semantycznie? No raczej nie.
komentarz 19 listopada 2018 przez JuniorDevAspirant Obywatel (1,920 p.)
Headerze ma być tylko logo

W pierwszym navie ma być button "logowanie", zmiana języka tłumaczonej strony i motywu(kolorów). W MAIN mają być wpisy, artykuły. W pierwszym section mają być tylko najciekawsze artykuły(articles) z jakiegoś tam czasu, drugi NAV to ma być tylko napis najciekawsze więce nie wiem czy do tego potrzebny ten znacznik czy może jakiś inny np. SPAN, 3 NAV to różne rodzaje artykułów do wyboru z obszaru section np. Felietony, newsy, itp. W ASIDE mają być tylko buttony do social mediów przylepione do prawej strony.

FOOTER to wiadomo jakieś tam informacje o twórcach albo wesprzyj nas czy cuś :D
komentarz 19 listopada 2018 przez radek024 Maniak (65,960 p.)

Nie byłoby wygodniej odrazu zrobić szablon graficzny? Z tego co opisałeś nadal nie można twierdzić czy sematyka jaką pod to wszystko podłożyłeś ma sens. Pod dyskusję można poddać chociażby to jak stosujesz nav. To tak na pierwszy rzut oka - najlepiej wszystko zobaczyć na projekcie graficznym witryny.

komentarz 20 listopada 2018 przez JuniorDevAspirant Obywatel (1,920 p.)
O który <nav> ci chodzi ? Chodzi ci aby zrobić szablon graficzny a potem pociąć do HTML'a ?
komentarz 20 listopada 2018 przez radek024 Maniak (65,960 p.)

Chociażby nav o treści "Najciekawsze". To może być bardziej nagłówek (znacznik h).

Mam na myśli zrobić szablon graficzny, a następnie go odwzorować w stronie. Szablonów już się tnie :)

komentarz 21 listopada 2018 przez JuniorDevAspirant Obywatel (1,920 p.)
Rzeczywiście <h> był by bardziej odpowiedni. Jak mam zrobić taki szablon ? Ja mam w głowie wygląd tej strony. Dokładnie zaplanowałem jak ma wyglądać
komentarz 21 listopada 2018 przez JuniorDevAspirant Obywatel (1,920 p.)
<h1> czy jakiś mniejszy kaliber ? :) Pierwszy nagłówek chyba zawsze h1 a każdy kolejny mniej tak ?
komentarz 21 listopada 2018 przez radek024 Maniak (65,960 p.)
Słowo klucz: outline. Poczytaj o nim.

Podobne pytania

0 głosów
2 odpowiedzi 247 wizyt
0 głosów
2 odpowiedzi 106 wizyt
0 głosów
1 odpowiedź 229 wizyt
pytanie zadane 14 października 2016 w HTML i CSS przez damian23415 Użytkownik (800 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

64,868 zapytań

111,330 odpowiedzi

234,216 komentarzy

46,731 pasjonatów

Przeglądających: 201
Pasjonatów: 7 Gości: 194

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...