Как минимизировать эффект пробела или новой строки в HTML? - PullRequest
0 голосов
/ 26 января 2010

Прежде всего, мой вопрос может быть неясным. Я постараюсь объяснить это.

это мой HTML

<div class="left"><?php print $search_box; ?><?php if (!empty($logo)): ?><a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>" rel="home"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" id="logo" width="243" height="62" /></a><?php endif; ?><?php if (!empty($site_name)): ?><div id='site-name'><strong><a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>" rel="home"><?php print $site_name; ?></a></strong></div><?php endif; ?><?php if (!empty($site_slogan)): ?><div id='site-slogan'><?php print $site_slogan; ?></div><?php endif; ?></div>

выглядит уродливо и трудно отлаживать, верно?

, поэтому я пытаюсь сделать отступ и добавить новую строку. Тем не менее, это может произойти сбой в некоторых браузерах, может быть IE6. Результат изменился. Итак, что я должен идти, если я использую другой тип документа?

В настоящее время я использую

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

1 Ответ

1 голос
/ 26 января 2010

Вы тоже можете написать это так:

<div class="left">
  <?php print $search_box; ?>
    <?php if (!empty($logo)) { ?>
    <a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>" rel="home">
      <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" id="logo" width="243" height="62" />
    </a>
  <?php } ?>

  <?php if (!empty($site_name)) { ?>
    <div id='site-name'>
      <strong>
      <a href="<?php print $base_path; ?>" title="<?php print t('Home'); ?>" rel="home"><?php print $site_name; ?></a>
      </strong>
    </div>
  <?php } ?>

  <?php if (!empty($site_slogan)) { ?>
    <div id='site-slogan'><?php print $site_slogan; ?></div>
  <?php } ?>
</div>

Это должно работать в большинстве случаев, или вы можете использовать php heredoc синтаксис для обычного вывода html-содержимого.

...