Question

Здравствуйте. подскажите по разметке фотоальбома. Я хочу добавить ее на страницу с полной фотографией и комментариями. У меня там такой код:

 

<div id="u-photos">

<div class="uphoto-entry">

<h2 class="photo-etitle">$PHOTO_NAME$</h2>

<div class="photo-edescr">$PHOTO_DESCR$</div>

<div class="u-center">

<div class="photo-block">

<div class="ph-wrap">

<span class="photo-expand">

$PHOTO$

<?if($FULL_PHOTO_DIRECT_URL$)?><a class="dd-tip ulightbox" href="$FULL_PHOTO_DIRECT_URL$" target="_blank"><i class="expand-ico"></i><!--<s10014>-->В реальном размере<!--</s>--> <b>$PHOTO_SIZE$</b> / $PHOTO_WEIGHT$Kb</a><?endif?>

</span>

</div>

 

Код разметки который я сделала:

 

<div div itemscope itemtype="http://schema.org/ImageObject"

 class="photo-expand"  url"('$FULL_PHOTO_DIRECT_URL$');">

 <a href="$PHOTO_URL$"itemprop="contentUrl">

 <div class="uphoto-entry">

 <h2 itemprop="name">$PHOTO_NAME$</h2>

     <span itemprop="description">$PHOTO_DESCR$</span>

 </div>

 </a>

</div>

Это корректная разментка? Куда именно ее можно вставить?

Answer 1

Вот так точнее:

<div div itemscope itemtype="http://schema.org/ImageObject" class="photo-expand" style="background-image: url('$FULL_PHOTO_DIRECT_URL$');">
 <a href="$PHOTO_URL$"itemprop="contentUrl">
 <div class="uphoto-entry">
 <h2 itemprop="name">$PHOTO_NAME$</h2>
     <span itemprop="description">$PHOTO_DESCR$</span>
 </div>
 </a>
</div>

вставить в шаблон страницы фото и комментариев. Лучше данный код скрыть от визуальной видимости завернув его в такой код:

<div hidden>здесь код который выше</div>