Dlaczego zakladki w HTML sa implementowane za pomoca list?

Dlaczego zakladki w HTML sa implementowane za pomoca list?
0

Jak w temacie - czy istnieje jakis konkretny powod dla ktorego zakladki implementowane sa za pomoca ul z li ktore sa linkami? Dlaczego nie zwykly div z innymi divami z linkami? Albo div z linkami? Co mi daja te listy?

1

Wygodę, schludność.
Wiele rzeczy da się zrobić na wiele sposobów. Ten sposób jest dobry, tak więc po co kombinować?

0

Wlasnie takiej odpowiedzi nie oczekiwalem. W czym jest on wygodny? Bo wiekszosc tutkow tak robi i mozesz zastowac metode Copiego-Paste'a? Moze rozwiniesz?

WE
  • Rejestracja:prawie 14 lat
  • Ostatnio:prawie 12 lat
0

Skoro większość tutorialii tak robi, czyli znaczy, że tak jest wygodniej. Łatwiej jest takie coś wypozycjonować i obrobić w css. Zresztą jak piszesz sobie tylko coś dla siebie i nikt inny z tego nie będzie korzystać to rób sobie jak chcesz, ale pamiętaj, że pomimo, że jest to tylko html, to i tak można w nim zrobić sobie niezły burdel.

0

To ze miliony much lubia kupe nie znaczy ze jest dobra. Wytlumaczcie mi dlaczego. Odpowiedz 'tak, bo tak' jest nic nie warta, i prosze darujcie sobie.

abrakadaber
abrakadaber
  • Rejestracja:ponad 12 lat
  • Ostatnio:7 miesięcy
  • Postów:6610
0

a czy sam jesteś aż tak głupi, że nie potrafisz zaimplementować tego za pomocą listy i np. div'ów i samemu stwierdzić dlaczego tak jest lepiej/prościej/szybciej??


Chcesz pomocy - pokaż kod - abrakadabra źle działa z techniką.
0

Bez inwektyw prosze. Ja nikogo nie wyzywam, zadalem proste pytanie.
Nie, skoro pytam tutaj to znaczy ze nie potrafie sam ocenic. Potrafie napisac z listami i bez, i nie widze kompletnie zadnego powodu dla ktorego listy sa potrzebne. Co wiecej, zaburza to 'semantyke' takiego htmla, jak tabelki do layoutu.

M3
  • Rejestracja:około 12 lat
  • Ostatnio:prawie 11 lat
  • Postów:104
1

Mysle ze po prostu latwiej jest dodac jedna linike (znacznik < li >) niz bawic sie w pozycjonowanie divow. Tak jak ktos napisal mozna zrobic wiele rzeczy na wiele sposobow, jezeli wolisz to zrobic divami to nie ma problemu

edytowany 2x, ostatnio: michat34
0

Zakładki to menu, które pozwala wybierać z dostępnych widoków. Menu z kolei, to lista dostępnych możliwości. Jeżeli coś jest listą, to powinno być zapisane jako lista.
Słowa kluczowe: Semantyka HTML.

0

O semantyce mowilibysmy jesli byloby:

Kopiuj
<navigation>
  <tab>home</tab>
  <tab>about</tab>
  <tab>contact</tab>
</navigation>

itp. Lista to jest lista. Uznawanie zakladki jako liste widokow uwazam za naciagane, ale wiedzialem zanim pisalem temat ze ktos uzyje tego argumentu. Fakt ze poprzedni mastachy wyzywajacy mnie od glupich nie uzyli tego argumentu swiadczy ze albo nie uwazaja tego za semantycznie poprawne, badz nie wiedza co to w ogole oznacza. Nie wiem co gorsze.

0

Człowieku, wszystko zostało powiedziane: RÓBTA CO CHCETA.

itp. Lista to jest lista. Uznawanie zakladki jako liste widokow uwazam za naciagane, ale wiedzialem zanim pisalem temat ze ktos uzyje tego argumentu. Fakt ze poprzedni mastachy wyzywajacy mnie od glupich nie uzyli tego argumentu swiadczy ze albo nie uwazaja tego za semantycznie poprawne, badz nie wiedza co to w ogole oznacza. Nie wiem co gorsze.

Z twojej wypowiedzi wnioskuję, że przyszedłeś tutaj tylko robić zamieszanie.

KR
  • Rejestracja:około 13 lat
  • Ostatnio:10 miesięcy
  • Postów:117
0

Jedynym argumentem stosowanym do wyjaśniania dlaczego zakładki „należy” tworzyć w listach jest to, że są to właśnie listy odnośników. Dla mnie też to jest naciągana argumentacja, ale tak się przyjęło i już i koniec i nie dyskutować.


dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:5 dni
  • Lokalizacja:Rzeszów
2

Ja Ci powiem bez wojenek - semantyka. Wszystko co nosi znamiona listy - jest listą.
Czyli lista artykułów też jest listą, posty na forum są listą, lista linków jest listą, menu jest listą, galeria jest listą - generalnie - więcej niż jeden element, reprezentujący ten sam typ danych, ale inne dane - powinno się zawierać w liście.


greenmag
  • Rejestracja:około 20 lat
  • Ostatnio:6 dni
  • Postów:353
0

Może swoją odpowiedzią sobie trochę zaszkodzę ale moim zdaniem tak naprawdę nikt nie wie dlaczego za pomocą list.
Tak samo jak nikt nie wie dlaczego nie można robić layout'a strony na tabelce.
Zawsze odpowiedz brzmi bo tak się nie robi, bo tak jest nie wygodnie.
A przecież to webmaster sam lepiej wie w czym mu jest bardziej wygodnie a dlaczego miałoby się nie robić skoro używa się dopuszczalnej i ogólnie stosowanej składni html'a i css'a.
Kiedyś pytałem na forum o tabelkę i o połączenie jej chyba z jquery a pierwsza odpowiedz jaką dostałem to: "nie używaj tabel tylko div'ów"
To już jak się pytam o tabelki to znaczy że chce całą stronę na nich zrobić?
Table już nie występuje w html'u, nie można go używać?

Nie twierdze że szablon strony nie jest lepszy na div'ach a zakładki czy menu na listach.
Sam robię szablon na div'ach a menu czy zakładki na listach ale jeśli ktoś zrobi to na inaczej (choćby na span) to będzie już źle?
Skoro jest mu tak lepiej, mieści się w składni html'a a strona nie ładuje się 5 minut to niechże tak robi jak mu lepiej...
I wcale nie będzie gorszy od innych :P

hauleth
Zwróć uwagę, że tu nie chodzi tylko o wygodę developera. Chodzi również o poprawną semantykę dla przeglądarek dostosowanych do indywidualnych potrzeb użytkownika (chodzi o osoby niepełnosprawne). Więc menu jest listą odnośników czyż nie? Więc użycie &lt;span&gt; będzie semantycznie niepoprawne, choć będzie poprawne składniowo.
greenmag
Dlatego ja także używam listy do menu ale osób które robią to inaczej nie "katowałbym" od razu i nie zamykałbym z nimi dialogu w sposób: "jest tak i koniec dyskusji". Pozdrawiam :)
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:5 dni
  • Lokalizacja:Rzeszów
0

To ja Ci rozjaśnię @greenmag (coś już napisał Ci @winerfresh):

Poprawny kod to nie tylko lepsze zrozumienie strony przez wyszukiwarki - to także lepsze zrozumienie strony przez przeglądarki, wszystkie, ale także te, które ułatwiają zrozumienie treści osobom niepełnosprawnym.

Wyboraź sobie, że jesteś algorytmem, nie masz inteligencji. Dla Ciebie tabela = zestaw jakichś wartości, opisanych nagłówkami. Otwierasz stronę i co widzisz? Cała treść strony to tabelka. Okej, tylko już w pierwszej komórce jest coś więcej niż sam nagłówek, w dodatku obok tego jest obrazek i kolejna tabelka [?], w której znowu jest sporo tekstu, nie wiadomo do czego i kolejne tabelki, w których są np. linki. Całość - tabelki w tabelkach w tabelkach i nie wiadomo co do czego. Co innego, kiedy otwierasz stronę i masz: nagłówek dokumentu, w którym zawiera się: nagłówek tekstowy i lista linków nawigacyjnych. Dalej masz główną sekcję strony, w której zawiera się lista artykułów, obok masz nawigacje podzielone na grupy. W artykułach wartości tabelaryczne są w tabelkach. Artykuły też mogą być podzielone na sekcje (w zawartości, ale też na nagłówek i stopkę artykułu). Na końcu dokumentu masz stopkę, też z jasnymi elementami - co do czego.

Z perspektywy developera także ma to znaczenie - spróbuj zbudować coś większego na tabelce - bez pomocy divów się będzie rozjeżdżać, bo tabelki mają taką naturę, że dopasowują się do treści - zawsze. Po części można to zablokować poprzez table-layout: fixed - ale to też nie to. Kiedyś był jeszcze problem z IE - IE nie zechciało pokazać jakiejkolwiek treści dopóki nie skończy ładować tabelki do końca - w efekcie strona która cała była jedną wielką tabelą - pojawiała się dopiero po zaczytaniu absolutnie wszystkiego. Dziś i tak nie ma to znaczenia, bo IE6 jest martwe, a strony i tak oczekują na javaskrypty przy ładowaniu - ale dobry nawyk kształtowany marudnością IE był.


greenmag
Jak wyżej napisałem - rozumie i również tak robię. Po prostu jestem zniesmaczony jak ktoś nie ma pojęcia do czego chce użyć tabeli ale odruchowo jakby był uczulony na table odpisuje mi: "użyj div'a zamiast table". Tak jakby tabele już do niczego się nie nadawały... A kto wie, może za kilka lat ktoś powie (i się to przyjmie) że listy służą do wypunktowania tekstu (jak kiedyś) a nie układania strony (czyli sytuacja identyczna jak z tabelami). Ja nie będę dalej dyskutował bo oczywiście macie racje ale z tym że zawsze zostaje to małe ale... :P pozdrawiam
dzek69
Ale listy nie są do układania strony. Nie układasz jednego jej elementu obok drugiego, trzeciego pod i czwartego nad. One grupują logicznie elementy, które są .. listowane. Tyle. Fakt, że najczęściej na tabelki odpowiada się - zrób na divach - ale to może dlatego, że po paru latach nudzi się wyjaśnianie tego w kółko. Można wprawdzie odesłać do google, ale za to są tylko fochy..
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)