Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
Slimmy
65 / 18 / 3
Регистрация: 09.10.2010
Сообщений: 97
1

table или div?

27.08.2012, 20:51. Просмотров 785. Ответов 2
Метки нет (Все метки)

Доброго времени суток, уважаемые форумчане!
Сам я являюсь Java-программистом (пускай и начинающим). Работаю в направлении разработки приложений под Android. Дабы отдохнуть от работы и воплотить детскую мечту, решил вспомнить HTML/CSS, да PHP с JS поучить, чтобы написать домашнюю страничку (или набор таковых, это как энтузиазма хватит и свободного времени).
Собственно, столкнулся с дилеммой по разметке этого самого сайта. Когда я последний раз изучал HTML, а было это в классе 10-м, то разметка осуществлялась путем таблиц (ни о каком CSS я тогда и слышать не слыхивал). Сейчас же, поковыряв CSS, я обнаружил, что верстку можно сделать вполне без всяких таблиц, скажем, вот так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
    <head>
        <title>www.site.ru</title>
        <style type="text/css">
            * {
                margin: 0px;
                padding: 0px;
            }
            body {
                font-family: Verdana, Tahoma, sans-serif;
                font-size: 14px;
                overflow: auto;
            }
            .header {
                background-color: silver;
                padding: 10px;
                height: 50px;
                text-align: center;
                line-height: 50px;
            }
            .menu {
                float: left;
                border: 1px solid black;
                width: 150px;
                padding: 5px;
                margin: 10px;
                min-height: 500px;
            }
            .text {
                border: 1px solid black;
                padding: 5px;
                margin: 10px 10px 10px 185px;
                min-height: 500px;
            }
            .footer {
                background-color: silver;
                padding: 5px;
                clear: both;
                height: 30px;
                line-height: 30px;
            }
        </style>
    </head>
    <body>
        <div class="header"><h2>Header</h2></div>
        <div class="menu">Nav. panel</div>
        <div class="text">
            <h2>Main content</h2>
            <p>Some text</p>
        </div>
        <div class="footer">Copyright</div>
    </body>
</html>
Таким образом, ув. знатоки, вопрос: как практичнее и как лучше? Ибо ИМХО <table> устарели.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.08.2012, 20:51
Ответы с готовыми решениями:

div или table
Всем привет! у меня возник такой вопрос при верстке сайта-что лучше...

div или table
Как лучше верстать div или table? Исходя из собственного опыта: дивами...

Что лучше table или DIV?
многие советуют для каркаса сайта использовать блок див, так что лучше DIV or...

Внутри тега form div или table?
Как правильно верстать формы form с input-ами: использовать табличную верстку с...

Таблицу со значениями лучше делать через table или через div?
Нужно будет сделать таблицу значений, которая должна корректно отображаться и...

2
EPMAK
tribal dance
167 / 151 / 36
Регистрация: 03.09.2009
Сообщений: 821
Записей в блоге: 17
28.08.2012, 07:08 2
Цитата Сообщение от Slimmy Посмотреть сообщение
Таким образом, ув. знатоки, вопрос: как практичнее и как лучше? Ибо ИМХО <table> устарели.
нет. таблицы актуальны.
все хорошо к месту.
какой из способов, табличный или дивовый вам понятней, таким и верстайте.
1
Taatshi
Администратор
11725 / 5077 / 257
Регистрация: 05.04.2011
Сообщений: 13,847
Записей в блоге: 2
28.08.2012, 07:33 3
Проблема выбора.

Решается просто. Если Вам привычно верстать в таблицах, и Ваш будущий дизайн легко укладывается в табличную разметку - верстайте таблицами. Ничего предосудительного в этом нет.

Дивную верстку следует выбирать при сложном дизайне, когда, к примеру, блоки с информацией неравномерно двигаются друга относительно друга, если некоторые блоки накладываются сверху других опять же со сдвигом и прочие аналогичные фокусы применяются.

Нужно заранее продумать структуру всего сайта и посмотреть - получится с помощью табличной верстки это сделать или нет.

Бытует мнение, что поисковики лучше индексируют сайты на дивной верстке - это неправда. Не верьте. Поисковой системе совершенно пофиг какой тег проскочить - div или table. То, что у таблиц получается большая вложенность - тоже неправда, потому что дивы подчас для позиционирования или оформления тоже приходится капустным вариантом один на другой наворачивать.

Если решите верстать дивами - поищите в сети вот это

Ченгаев Д. - Блочная верстка сайта с помощью CSS 2009

Это бесплатный курс, в нем самые основы, но его вполне хватает для усвоения материала на рабочем уровне. Все остальные вопросы, возникающие по ходу жизни, решит гугль.

Добавлено через 3 минуты
Если тут вдруг возникнет холивар на тему "таблицы - дивы" - а это извечная война, как про курицу и яйцо))) - помните: решение принимается, как уже сказал EPMAK, исходя из каждой конкретной задачи.
3
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.08.2012, 07:33

DIV or TABLE
Как Вы считаете большим ли преступлением является создание саитов через таблицы...

Div и table
Вот почему разметка с помощью dev не влияет на таблицу?

Преобразование из table в div
Добрый день! Помогите переделать страницу из table в div! Вот код страницы...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru