ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как идеологически правильно верстать на CSS?
6 сообщений из 6, страница 1 из 1
Как идеологически правильно верстать на CSS?
    #35412555
coderinside
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
coderinside
Гость
Допустим нужно накидать какую нибудь страничку с информацией о книгах.

Подробно
Название: "Книга №1"
Автор: Петр Петрович
Цена (руб): 33

Как будет "правильнее"?

Вариант 1.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<div class="page_title">Подробно</div>
<div class="book_detail_info">
 <div class="book_title"><span class="title_word">Название:</span>"Книга №1"</div>
 <div class="book_author"><span class="author_word">Автор:</span>Петр Петрович</div>
 <div class="book_price"><span class="price_word">Цена</span>
   <span class="money_word">(руб)</span><span class="price_digit"> 33 </span>
 </div>
</div>

Вариант 2.
Код: plaintext
1.
2.
3.
4.
5.
6.
<H1>Подробно</H1>
<div class="book_detail_info">
 <strong>Название:</strong><span class="book_title">"Книга №1"</span><br>
 <strong>Автор:</strong><span class="book_author">Петр Петрович</span><br>
 <strong>Цена (руб)</strong><span class="price_digit"> 33 </span>
 </div>
...
Рейтинг: 0 / 0
04.07.2008, 20:18
| Ответить | Цитировать | Написать  
Как идеологически правильно верстать на CSS?
    #35412608
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LINUXER
Участник
Первый, конечно, правильнее для гибкости. Но наш дизайнер это бы не оценил:
Код: plaintext
1.
2.
3.
.book_detail_info{...}
.title_word, .author_word, .price_word{
  font-weight: bold;
}

Я бы так сделал
Код: plaintext
1.
2.
3.
4.
5.
6.
<H1>Подробно</H1>
<div class="book_detail_info">
 <div class='book_title'><strong>Название: </strong>"Книга №1"</div>
 <div class='book_author'><strong>Автор: </strong>Петр Петрович</div>
 <div class='book_price'><strong>Цена (руб): </strong> 33 </div>
</div>
...
Рейтинг: 0 / 0
04.07.2008, 21:06
| Ответить | Цитировать | Написать  
Как идеологически правильно верстать на CSS?
    #35412791
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
все херня
чем меньше классов - тем лучше
я бы сделал так:
Код: plaintext
1.
2.
3.
4.
5.
6.
<h1>Подробно</h1>
<ul class="books-list">
 <li><b>Название: </b>"Книга №1"</li>
 <li><b>Автор: </b>Петр Петрович</li>
 <li><b>Цена (руб): </b> 33 </li>
</ul>
в качестве домашнего задания оставляю нафантазировать селекторы и классы
...
Рейтинг: 0 / 0
05.07.2008, 00:59
| Ответить | Цитировать | Написать  
Как идеологически правильно верстать на CSS?
    #35414025
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Тегов для разметки больше чем div, span, ul, li. Для оформления ссылок на книги, авторов и пр. информации есть еще теги... Сейчас на вскидку их не вспомню... Но автору стоит поискать.
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
07.07.2008, 08:34
| Ответить | Цитировать | Написать  
Как идеологически правильно верстать на CSS?
    #35415178
VinKS
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
VinKS
Участник
<dl>
<dt>Книга №1</dt>
<dd>Автор: Петр Петрович</dd>
<dt>Книга №2</dt>
<dd>Автор: Петр иванович</dd>
</dl>
...
Рейтинг: 0 / 0
07.07.2008, 15:03
| Ответить | Цитировать | Написать  
Как идеологически правильно верстать на CSS?
    #35416146
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
тоже неплохо, хитрые теги не стоит забывать :)
...
Рейтинг: 0 / 0
07.07.2008, 19:43
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как идеологически правильно верстать на CSS?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35412608&tid=1456252]:
 0ms
get settings:
 7ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 192ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 224ms
total:  490ms
созд. / загр.: 490ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]