<div> czy <table> w HTML5

Question

Witam, aby struktura strony strony wyglądała tak jak na zdjęciu załączonym w załączniku, to, aby strona była zgodna z HTML to do takiej budowy lepiej użyć struktury tabli (<table>) czy <div>. Z góry dziękuję i pozdrawiam!

Comments

Pan Mirosław wytłumaczył to przystępnie w kursie: https://www.youtube.com/watch?v=2nWSCxIpHfc

---

Dzięki za wszystkie odpowiedzi :) Na jednym roku nauczyciel jeden leciał na tych divach, a w kolejnym roku inny nauczyciel mówi żebyśmy się od tych <div> odzwyczaili, może być kilka ale nie cała strona

---

Jeśli nie wiesz komu ufać: Internet (użytkownicy forów, tutoriale) versus nauczyciele, to sprawdzaj oficjalne dokumentacje narzędzi/języków.

https://www.w3.org/TR/html401/struct/tables.html

Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables

https://www.w3.org/TR/CSS2/tables.html#tables-intro

In a visual medium, CSS tables can also be used to achieve specific layouts. In this case, authors should not use table-related elements in the document language, but should apply the CSS to the relevant structural elements to achieve the desired layout.

https://www.w3.org/TR/html5/tabular-data.html#tabular-data

Tables should not be used as layout aids. Historically, many Web authors have tables in HTML as a way to control their page layout making it difficult to extract tabular data from such documents. In particular, users of accessibility tools, like screen readers, are likely to find it very difficult to navigate pages with tables used for layout. If a table is to be used for layout it must be marked with the attribute role="presentation" for a user agent to properly represent the table to an assistive technology and to properly convey the intent of the author to tools that wish to extract tabular data from the document.

To, że dany efekt możesz osiągnąć za pomocą danej techniki czy narzędzia, nie oznacza, że jest ono do tego przeznaczone.

---

Nie zachęcam Ciebie do korzystania z W3Schools (bo i ponieważ), ale nawet tam jest napisane, aby nie używać tabel do tworzenia layoutu :)

https://www.w3schools.com/html/html_layout.asp

The <table> element was not designed to be a layout tool! The purpose of the <table> element is to display tabular data. So, do not use tables for your page layout! They will bring a mess into your code. And imagine how hard it will be to redesign your site after a couple of months.

Tip: Do NOT use tables for your page layout!

Answer 1

Nie ma załącznika.

Niemniej tabele nigdy nie służą do budowania struktury strony. Tabele są wyłącznie do prezentacji danych tabelarycznych.

Comments

Sorki za to że nie dołączyłem, już jest. Więc użyć diva?

---

Użyć odpowiednich, semantycznych znaczników, niekoniecznie div. Niemniej tabele odpadają w przedbiegach.

---

Dzięki za odpowiedź :)

---

 tabele nigdy nie służą do budowania struktury strony.

ehh przypomniały mi się czasy mich początków z html z moich czasów szkolnych, gdy podstawowym edytorem był Pajączek a layouty robiłem właśnie na tabelkach gdzie każda stronka miała ten sam układ... a co do RWD to nawet nie wiedziałem co to smartfon czy tablet... :) a teraz... nie ma chyba dnia bez nowego frameworka czy dziesiątek bibliotek JS :)

---

Znaczy umiem budować strony tylko jedna osoba mówiła tak druga tak i sam zwątpiłem, więc chciałem zapytać :)