 Struktura HTML5 oraz sprite |
  |
| Struktura HTML5 oraz sprite |
 11.06.2014, 18:51:42
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 371 Pomógł: 18 Dołączył: 23.11.2008 Ostrzeżenie: (0%) 
 |
Witam serdecznie. Chciałbym zapytać bardziej doświadczonych forumowiczów o sprawę związaną z HTML5. Sam dopiero raczkuję w tym temacie, wcześniej pisałem w xhtml. Chcę sobie zrobić prostą stronkę, zawierającą jakieś tam ze 3 czy 4 elementy blokowe. Normalnie w xhtml zrobiłbym to tak, że podzieliłbym to divami na 3 jednakowe bloczki, ostylował i by było. Nie wiem jak to zrobić w przypadku HTML5. Czytając o nowych znacznikach i ich własnościach doszedłem do wniosku, że struktura by mogła wyglądać jakoś tak:
czy taka struktura jest mniej więcej poprawna ? chodzi mi szczególnie o elementy <section>, czy mogę ich używać do wypełniania taką normalną treścią, obrazkami, przyciskami itd. Drugie pytanie dotyczy technologii sprite. Czy warto, jeśli mam dajmy na to te trzy, cztery bloczki, każdy z innym tłem, zapisywać je jako jeden obrazek i go ustawić jako tło dla jakiegoś jednego bloczka obejmującego je wszystkie czy lepiej podzielić ten obrazek na trzy autonomiczne tła ? Z góry dziękuję , pozdrawiam. |
 |
 
|
|
18.06.2014, 19:40:44
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 824 Pomógł: 106 Dołączył: 14.03.2012 Skąd: Warszawa Ostrzeżenie: (0%)
|
ok
-------------------- |
|
|
|
|
19.06.2014, 08:05:36
Post
#3
|
|
 Grupa: Zarejestrowani Postów: 8 068 Pomógł: 1414 Dołączył: 26.10.2005 Ostrzeżenie: (0%)
|
Sprite jest po to aby zminimalizować ilość requestów dla dużej ilości bardzo małych obrazków, ponieważ koszt całego requesta dla jednego malutkiego obrazka przewyższa jego wartość.
Połączenie w sprite pozwoli dużo szybciej pobrać content. |
|
|
|
|
15.07.2014, 07:40:34
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 361 Pomógł: 10 Dołączył: 8.02.2012 Ostrzeżenie: (0%)
|
Ja bym umieścił nav w header choć Twój kod jest jak najbardziej poprawny
zresztą bardzo dobrze opisują to takie obrazki jak ten http://www.codeproject.com/KB/HTML/semanti...5pagelayout.png tutaj masz strukturę dokładnie taką jak podałeś. http://uofgts.com/BasicWD/layout/html5-layout.png No i przez przypadek odświezyłem posta 
Ten post edytował KotWButach 15.07.2014, 07:41:13 |
|
|
|
|
15.07.2014, 17:42:08
Post
#5
|
|
 Grupa: Zarejestrowani Postów: 41 Pomógł: 1 Dołączył: 29.12.2004 Ostrzeżenie: (0%)
|
Jeżeli chodzi o semantykę to z tego co pamiętam nie powinno się używać <section> jako kontenera dla treści. Od tego jest <div>. Ja raczej zrobiłbym <section class="content">div1 div2 div3</section>. Ale z punktu widzenia przeglądarki twój kod jest jak najbardziej poprawny.
|
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 24.04.2024 - 17:06 |
