X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Тег div
Юлианна
Юлианна
Topic Starter сообщение 23.7.2009, 2:05; Ответить: Юлианна
Сообщение #1


Я запуталась и не могу понять для чего нужен тег div. И если какая-то разница между тегом div и p?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
НЕПЛОХОЙ
НЕПЛОХОЙ
сообщение 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
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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег P вместо DIV</title>
<style type="text/css">
.block1 {
width: 200px;
background: #ccc;
padding: 5px;
padding-right: 20px;
border: solid 1px black;
float: left;
}
.block2 {
width: 200px;
background: #fc0;
padding: 5px;
border: solid 1px black;
float: left;
position: relative;
top: 40px;
left: -70px;
}
</style>
</head>
<body>

<p class="block1">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore magna aliguam erat volutpat.</p>
<p class="block2">Ut wisis enim ad minim veniam, quis nostrud
exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat.</p>

</body>
</html>

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
НЕПЛОХОЙ
НЕПЛОХОЙ
сообщение 23.7.2009, 14:27; Ответить: НЕПЛОХОЙ
Сообщение #4


yury, огромность разницы понимается со временем. Если честно я даже не знаю как это объяснить.

так же, например, с помощью дивов можно сделать меню. Но правильней будет использование <ul><li></li></ul> семантика это кажется называется?

DIV - это слои.
а P - это параграф.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 23.7.2009, 14:38; Ответить: yury_mw
Сообщение #5


(Евгений @ 23.7.2009, 14:27) *
Если честно я даже не знаю как это объяснить.

Лучше конечно, не объяснять, а показать на примере. (объяснение - это что-то из области идеологии, а не практики)

(Евгений @ 23.7.2009, 14:27) *
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
yury_mw
сообщение 23.7.2009, 14:56; Ответить: yury_mw
Сообщение #7


(Евгений @ 23.7.2009, 14:49) *
yury, с Вашей точки зрения, можно верстать либо на Таблицах либо на Параграфах? xD)))

Легко ;)
(Евгений @ 23.7.2009, 14:49) *
Любому тегу задать дисплей:блок

в данном случае даже этого не требуется. Что сильно меня, как завзятого лентяя, утешает. ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
НЕПЛОХОЙ
НЕПЛОХОЙ
сообщение 23.7.2009, 16:39; Ответить: НЕПЛОХОЙ
Сообщение #8


Легко :)

видели по телевизору, как то, показывали мужика который дом себе построил из бутылок? если сайт верстать параграфами (смешно не правда ли?) то получится примерно тоже самое.

"Дом" из "бутылок" получиться, но все же "кирпичи" будет правильней использовать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 23.7.2009, 17:30; Ответить: yury_mw
Сообщение #9


(Евгений @ 23.7.2009, 16:39) *
"Дом" из "бутылок" получиться, но все же "кирпичи" будет правильней использовать.

Некоторые предпочитают блочные дома кирпичным, как это не покажется смешным. ;)

Просьба таки не сбиваться на оффтоп. Топик не о бутылках, а о разнице между тэгами: "существенная она или не очень?"

Примечание: бутылки - не строительный материал и жить в таком доме нормальному человеку будет неудобно.
Есть подозрение, что сайт на блочных тэгах 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>

с этим согласны?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тег H1 новостного сайта для главной станицы
1 mdobyshev 1232 26.11.2023, 17:38
автор: malamut
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5463 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6928 17.4.2016, 17:45
автор: -serj123-
Открытая тема (нет новых ответов) Как заставить отображать несколько элементов DIV в одну строку?
2 Aalena 3999 10.1.2016, 10:18
автор: -Aalena-


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:26
Дизайн