HTML: Оптимизация способа отображения друзей

Я хочу создать оптимизированную структуру для следующего вывода в HTML.HTML: Оптимизация способа отображения друзей

Обряд теперь им, используя эту структуру:

<div> 
    <div style="float:left; padding:5px;"> 
     <img src="avatar_url"> 
    </div> 
    <div style="float:left; padding:5px;"> 
     Name <br /> 
     Current Mood 
    </div> 
    <div class="clr"></div> 
    <div align="right"> 
     Online Status 
    </div> 
</div>

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

источник

2011-02-01 Vin

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

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

<div class="friend"> 
    <img ... /> 
    <hx>FULL NAME</hx> 
    <p>Current Mood</p> 
    <p class="status">Online Status</p> 
</div>

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

Вот некоторые очень минимален CSS, чтобы пойти с этим:

.friend img { float:left; margin-right:5px; } 
.status { text-align:right; }

источник

2011-02-01 03:08:16 sdleihssirhc

Помимо удаления div вокруг аватара img (можете ли вы установить float/padding на самом элементе img?), Вы не можете многое сделать.

Однако вы можете оптимизировать количество текста, создав класс для float: left; padding: 5px и используя этот класс вместо полного стиля тысячи раз.

источник

2011-02-01 03:04:42 mgiuca

Вы не можете удалять много, но вы, конечно, может заменить атрибут стиля с классом один

class="left"

.left { float:left;padding:5px; }

И вы также можете заменить

<div class="clr"></div>

<div class="clr" />

Во всяком случае, не так много будет меняться в время загрузки.

источник

2011-02-01 03:09:03 reese

Можете ли вы не разбивать на страницы результаты? Однако

<div class="user"> 
    <img src="avatar.gif" class="user-avatar" /> 
    <h1 class="user-name">Name</h1> 
    <h2 class="user-mood">Current mood.</h2> 
    <div class="user-status">Online Status</div> 
</div>

Это технически несколько меньше тегов ...

источник

2011-02-01 03:16:51 Duane

HTML: Оптимизация способа отображения друзей

ответ

Смежные вопросы