Ako spravne pouzit HTML5 elementy

23. 7. 2015 09:53:47

Ahojte,

mam nasledovnu sablonu a chcem do nej zakomponovat nove HTML5 prvky, hlavne teda header, footer, main, aside, section.

<div id="page-wrapper">
    <div id="page">
        {% if page.maxima %}
            <div id="maxima-wrapper">
                <div id="maxima" class="row">{{ page.maxima }}</div>
            </div>
        {% endif %}
        {% if page.header or page.secondary_menu %}
            <div id="header-wrapper">
                <div id="header" class="row">
                    {% if page.secondary_menu %}{{ page.secondary_menu }}{% endif %}
                    {% if page.header %}{{ page.header }}{% endif %}
                </div>
            </div>
        {% endif %}
        {% if page.top %}
            <div id="top-wrapper">
                <div id="top" class="row">{{ page.top }}</div>
            </div>
        {% endif %}
        {% if page.primary_menu %}
            <div id="menu-wrapper">
                <div id="primary-menu" class="row">{{ page.primary_menu }}</div>
            </div>
        {% endif %}
        <div id="main-wrapper">
              <div id="main" class="row">
                <div id="center" class="small-24 large-{{ content_grid_width }} large-push-{{ content_grid_push }} columns">
                  {% if page.breadcrumb %}
                    <div id="breadcrumb">{{ page.breadcrumb }}</div>
                  {% endif %}
                  {% if page.highlighted %}
                    <div id="highlighted">{{ page.highlighted }}</div>
                  {% endif %}
                  {% if page.help %}
                    <div id="help">{{ page.help }}</div>
                  {% endif %}
                  {% if title %}
                    {{ title_prefix }}<h1 class="page-title">{{ title }}</h1>{{ title_suffix }}
                  {% endif %}
                  {% if tabs %}
                    {{ tabs }}
                  {% endif %}
                  {% if page.above %}
                    <div id="above-wrapper">
                      <div id="above">{{ page.above }}</div>
                    </div>
                  {% endif %}
                  <div id="content-wrapper">
                    <div id="content">{{ page.content }}</div>
                  </div>
                  {% if page.below %}
                    <div id="below-wrapper">
                      <div id="below">{{ page.below }}</div>
                    </div>
                  {% endif %}
                </div>
                {% if page.left %}
                    <div id="left-wrapper" class="small-24 large-5 large-pull-{{ content_grid_width }} columns">
                        <div id="left">{{ page.left }}</div>
                    </div>
                {% endif %}
                {% if page.right %}
                    <div id="right-wrapper" class="small-24 large-5 columns">
                        <div id="right">{{ page.right }}</div>
                    </div>
                {% endif %}
            </div>
        </div>
        {% if page.bottom %}
            <div id="bottom-wrapper">
                <div id="bottom" class="row">{{ page.bottom }}</div>
            </div>
        {% endif %}
        {% if page.footer %}
            <div id="footer-wrapper">
                <div id="footer" class="row">{{ page.footer }}</div>
            </div>
        {% endif %}
        {% if page.minima %}
            <div id="minima-wrapper">
                <div id="minima" class="row">{{ page.minima }}</div>
            </div>
        {% endif %}
    </div>
</div>

Co mi nie je uplne jasne, je ci mam pouzit znacky, v mojom pripade, namiesto wrapperov, alebo mam touto znackou obalit wrappery, alebo ma ist znacka medzi wrapper a row alebo ma byt samotny row zmeneny na znacku.

Konkretne teda neviem ktory z tychto sposobov je ten spravny:

23. 7. 2015 09:53:47

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128609

Fido123

(13 hodnocení)

23. 7. 2015 10:06:16

Já bych umístil sections co nejblíže obsahu, takže číslo tři nebo čtyři, přičemž čtyřka se mi zdá přehlednější.

23. 7. 2015 10:06:16

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128608

Lukáš Jurygáček

(26 hodnocení)

23. 7. 2015 10:11:23

HTML5 tagy můžeš stylovat úplně stejně jako divy apod. Samozřejmě můžeš mít

je to šumák, pokud to má nějaký logický základ.

Podle standardu by se tag

neměl stylovat, nadruhou stranu ... komu to vadí? :)

23. 7. 2015 10:11:23

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128607

Fido123

(13 hodnocení)

23. 7. 2015 10:13:56

Napsal iCrow;1212085
Podle standardu by se tag
neměl stylovat, nadruhou stranu ... komu to vadí? :)

Tohle je z jakého zdroje?

23. 7. 2015 10:13:56

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128606

node

(5 hodnocení)

23. 7. 2015 11:42:16

Osobne sa mi najviac pozdava trojka. Ale tam som si zase neni isty section tagy nemaju ist hned po sebe, tzn

obsah

iCrow - odkial beries ze sa nemaju stylovat? Ved tie nove znacky su iba o semantike ale spravaju sa ako klasicke divy.

23. 7. 2015 11:42:16

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128605

Jiří Adámek

(20 hodnocení)

23. 7. 2015 11:48:58

Vyhněte se nejobvyklejším chybám v HTML5 - Zdroják

23. 7. 2015 11:48:58

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128604

Jiří Šubr

(23 hodnocení)

23. 7. 2015 11:57:21

...

23. 7. 2015 11:57:21

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128603

node

(5 hodnocení)

23. 7. 2015 12:42:29

No, popravde mi to pride ze musim este vela studovat a momentlane mi to nehori, tak necham strukturu ako je :D

23. 7. 2015 12:42:29

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/ako-spravne-pouzit-html5-elementy/#reply1128602

Pro odpověď se přihlašte.

Přihlásit

Prodej Více

Dispecink.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

69 500 Kč

0 příhozů

Blowjobs.cz – tematická doména pro segment 18+

14 990 Kč

0 příhozů

SexRoom.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

99 000 Kč

0 příhozů

Diskretni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.

19 000 Kč

0 příhozů

Agresori.com

20 000 Kč

0 příhozů

Poptávky Více

Hledám prostor k investici – Nabídka podnikatelské půjčky (50 – 100 tisíc)

Hledám obchodníka – weby pro firmy (CZ) a software pro energetiku (EU), provize

Hledám fotografa realit a lektora pro focení/video

Poptávka těhotenského focení v Klatovech

Studentka VŠ shání modela na focení aktů (highkey, lowkey, detail)

Pracovní nabídky Více

Vedoucí IT (CTO)

Praha

HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!

Atlassian Consultant (Junior/Medior)

Praha

Marketing + budování e-shopu – Boskovice, Blansko a okolí

Brno

30 000 - 50 000 Kč

Nabídky Více

Dlhodobý prenájom áut – pre firmy, živnostníkov aj súkromné osoby

Audit Google Ads a Skliku před Black Friday ZDARMA: kampaně, feed a měření, výsledky do 48 hodin

AUTOMATIZACE PROCESŮ – N8N & Make.com

Tvořím moderní weby, klientské portály a systémy na míru

Nabízím úklid a záchranu rozbitých databází, sjednocení dat a plnění e-shopů (Excel / Google Sheets)