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

Poprawna struktura HTML, semantyczność

VPS Starter Arubacloud
0 głosów
276 wizyt
pytanie zadane 19 listopada 2018 w HTML i CSS przez niezalogowany

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 niezalogowany
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 Szeryf (77,180 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 niezalogowany
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 Szeryf (77,180 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 niezalogowany
O który <nav> ci chodzi ? Chodzi ci aby zrobić szablon graficzny a potem pociąć do HTML'a ?
komentarz 20 listopada 2018 przez radek024 Szeryf (77,180 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 niezalogowany
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 niezalogowany
<h1> czy jakiś mniejszy kaliber ? :) Pierwszy nagłówek chyba zawsze h1 a każdy kolejny mniej tak ?
komentarz 21 listopada 2018 przez radek024 Szeryf (77,180 p.)
Słowo klucz: outline. Poczytaj o nim.

Podobne pytania

0 głosów
2 odpowiedzi 433 wizyt
0 głosów
2 odpowiedzi 362 wizyt
0 głosów
1 odpowiedź 1,050 wizyt
pytanie zadane 14 października 2016 w HTML i CSS przez damian23415 Użytkownik (890 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...