Помощник
|
Тег div |
Юлианна
|
Сообщение
#1
|
||
|
|
||
|
|||
НЕПЛОХОЙ |
23.7.2009, 6:05;
Ответить: НЕПЛОХОЙ
Сообщение
#2
|
|
Юлианна, вот почитайте
http://www.htmlbook.ru/html/p.html http://www.htmlbook.ru/html/div.html разница огромная. вообще разные теги, единсвенное что у них похоже, это то что текст заключенный между тегом div и p начинается с новой строки. Но это можно любому тегу задать, например <span style="display:block">теперь отображается так же как и див</span>
|
|
|
yury_mw |
23.7.2009, 14:00;
Ответить: yury_mw
Сообщение
#3
|
|
Евгений,
просьба разъяснить чайнику огромность разницы. ;) Я в описании на htmlbook.ru не увидел ни одного принципального отличия, кроме терминологического (p - для выделения параграфов в тексте и их форматирования, div - для выделения любых фрагментов документа и их форматирования) и обязательности закрывающего тега для div-a. Но де факто наблюдается тождественный результат использования p или div (если не забывать закрывающий тег). Потому как и то и другое - блочные элементы. В параграф можно вставлять любые другие фрагменты документа, а в див-ы - любые параграфы. Например, берем иллюстративный код для div со странички http://www.htmlbook.ru/html/div.html, заменяем в нем div-ы на p и получаем идентичный результат: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
|
НЕПЛОХОЙ |
23.7.2009, 14:27;
Ответить: НЕПЛОХОЙ
Сообщение
#4
|
|
yury, огромность разницы понимается со временем. Если честно я даже не знаю как это объяснить.
так же, например, с помощью дивов можно сделать меню. Но правильней будет использование <ul><li></li></ul> семантика это кажется называется? DIV - это слои. а P - это параграф. |
|
|
yury_mw |
23.7.2009, 14:38;
Ответить: yury_mw
Сообщение
#5
|
|
Если честно я даже не знаю как это объяснить. Лучше конечно, не объяснять, а показать на примере. (объяснение - это что-то из области идеологии, а не практики) DIV - это слои. а P - это параграф. DIV - от англ слова division (часть, раздел документа), ни какие "слои" тут ни при чем. P - от англ paragraph - a distinct section of a piece of writing, usually dealing with a single theme and indicated by a new line (абзац, обычно, самостоятельная часть текста, отделяемая новой строкой) честно говоря, разница не сильно очевидная даже идеологически. |
|
|
НЕПЛОХОЙ |
23.7.2009, 14:49;
Ответить: НЕПЛОХОЙ
Сообщение
#6
|
|
yury, с Вашей точки зрения, можно верстать либо на Таблицах либо на Параграфах? xD)))
получается что вообще почти все теги хтмл "идеологически одинаковые"? Любому тегу задать дисплей:блок и он станет таким же блочным элементом как и див, и как параграф. |
|
|
yury_mw |
23.7.2009, 14:56;
Ответить: yury_mw
Сообщение
#7
|
|
|
|
|
НЕПЛОХОЙ |
23.7.2009, 16:39;
Ответить: НЕПЛОХОЙ
Сообщение
#8
|
|
Легко видели по телевизору, как то, показывали мужика который дом себе построил из бутылок? если сайт верстать параграфами (смешно не правда ли?) то получится примерно тоже самое. "Дом" из "бутылок" получиться, но все же "кирпичи" будет правильней использовать. |
|
|
yury_mw |
23.7.2009, 17:30;
Ответить: yury_mw
Сообщение
#9
|
|
"Дом" из "бутылок" получиться, но все же "кирпичи" будет правильней использовать. Некоторые предпочитают блочные дома кирпичным, как это не покажется смешным. ;) Просьба таки не сбиваться на оффтоп. Топик не о бутылках, а о разнице между тэгами: "существенная она или не очень?" Примечание: бутылки - не строительный материал и жить в таком доме нормальному человеку будет неудобно. Есть подозрение, что сайт на блочных тэгах p и div будет работать и выглядеть совершенно одинаково, так что аналогия с бутылками кривая. |
|
|
НЕПЛОХОЙ |
23.7.2009, 17:52;
Ответить: НЕПЛОХОЙ
Сообщение
#10
|
|
Примечание: бутылки - не строительный материал а тег P строительный материал??? div - да. table - да. У каждого из этих тегов свое предназначение, не надо их менять местами. Если на то пошло, то вообще не нужны теги <p></p>, <ul></ul>,<li></li> и многие другие, т.к. на дивах можно сделать оооочень многое, просто задавая им разные стили. Можете проверить одинаковые ли теги P и DIV. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <br/> <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> из примера видно, что у P отступы гораздо больше. Чтобы они были идентичны, нужно задать margin:0; padding:0; <p style="margin:0; padding:0"></p> = <div></div> = <span style="display:block"></span> с этим согласны? |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Тег H1 новостного сайта для главной станицы | 1 | mdobyshev | 1265 | 26.11.2023, 17:38 автор: malamut |
|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1596 | 14.1.2023, 1:16 автор: xweb |
|
DIV'ы в строку | 0 | RedEclipse | 5465 | 29.9.2016, 17:53 автор: -RedEclipse- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6930 | 17.4.2016, 17:45 автор: -serj123- |
|
Как заставить отображать несколько элементов DIV в одну строку? | 2 | Aalena | 4016 | 10.1.2016, 10:18 автор: -Aalena- |
Текстовая версия | Сейчас: 20.4.2024, 7:11 |