Методы построения HTML в коде

Уровень моей репутации в этой игре и без того низкий, что дает мне возможность прямо сказать вам, что вы, сэр или мадам, серьезно нуждаетесь в XSLT. В противном случае (и вы, вероятно, будете) вам нужно посмотреть на XML-литералы в VB.NET (который предоставляет вам решение на основе шаблонов, которое вы ищете ...). Поскольку я предпочитаю оставаться на C# (хотя я родился и вырос на VBA), я использую XSLT.

Обе мои нежелательные рекомендации требуют использования XHTML вместо HTML. Само по себе это требование отталкивает многих традиционных разработчиков. Благодаря тому, что вы используете заглавные буквы в элементах HTML, я уже вижу, что вы сочтете мои замечания совершенно бесполезными. Так что я должен прекратить писать сейчас.

1.) Не используйте комментарии, вы отправите в браузер бесполезные данные, тратя впустую полосу пропускания и столкнувшись с ОШИБКИ в IE.

2.) Разве это не было бы лучше как какой-то метод? (Я не знаком с C#), но что-то вроде этого имеет для меня больше смысла.

//using PHP in this example
function HTMLImage($imageData, $linkData){
  var str = '';
  //if there is link data, start <a> tag
  $str .= '<a '.{expand any attributes}.'>';

  //add image tag and attributes from $imageData
  $str .= '<img '.{expand any attributes}.'/>';

  //if there is link data, close <a> tag
  $str .= '</a>';
  return $str;
}

Как насчет этого: Сохраните XML как свой фрагмент:

<fragment type = "link_img_caption">
  <link href = "%PANELLINK%" />
  <img src = "%PANELIMAGE%" style = "%IMAGESTYLE%" />
  <caption text = "%CAPTIONTEXT%" />
</fragment>

Вытащите его, замените заполнители на "настоящие" строки (которые вы, конечно, тщательно экранировали с помощью XML),

... и используйте простое преобразование XML для вывода HTML:

<xsl:stylesheet version = "1.0" xmlns:xsl = "http://www.w3.org/1999/XSL/Transform">
  <xsl:output method = "html" version = "4.0" encoding = "iso-8859-1" indent = "yes"/>

  <xsl:template match = "/">
    <xsl:apply-templates select = "fragment" />
  </xsl:template>

  <xsl:template match = "fragment[@type = 'link_img_caption']">
    <xsl:choose>
      <xsl:when test = "link[@href != '']">
        <a href = "{link/@href}" target = "_blank">
          <img src = "{img/@src}" style = "{img/@style}" border = "0" />
        </a>
      </xsl:when>
      <xsl:otherwise>
        <img src = "{img/@src}" style = "{img/@style}" border = "0" />
      </xsl:otherwise>
    </xsl:choose>
    <xsl:if test = "caption[@text !='']">
      <br />
      <xsl:value-of select = "caption/@text" />
    </xsl:if>
  </xsl:template>

</xsl:stylesheet>

Другие типы фрагментов могут быть добавлены из-за атрибута type. Есть много возможностей для улучшения этого, поэтому посмотрите на это как на пример того, как это сделать мог.

Выход:

<a href = "%PANELLINK%" target = "_blank">
  <img src = "%PANELIMAGE%" style = "%IMAGESTYLE%" border = "0">
</a>
<br>
%CAPTIONTEXT%

и, если ссылка href в XML пуста:

<img src = "%PANELIMAGE%" style = "%IMAGESTYLE%" border = "0">
<br>
%CAPTIONTEXT%

Я бы использовал Набор инструментов для шаблонов, к сожалению, в настоящее время он реализован только в Perl и Python.

test.pl:

use Template;

my $template = Template->new({
  VARIABLES => {
    ImageStyle  => "default",
    CaptionText => "Place Caption Here"
  },
});

$template->process( 'test.tt', {
    panel => {
      link  => "http://Stackoverflow.com/",
      image => "/Content/Img/stackoverflow-logo-250.png",
      alt   => "logo link to homepage"
    }
} );

test.tt:

[% IF panel.link -%]
<A href = "[% panel.link %]" alt = "[% panel.alt %]" target = "_blank">
[%- END -%]

[%- IF panel.image -%]
   <IMG border = "0" src = "[% panel.image %]" style = "[% ImageStyle %]">
[%- END -%]

[%- IF panel.link %]</A>[% END %]<BR>
[% CaptionText %]

Выходы:

<A href = "http://Stackoverflow.com/" alt = "logo link to homepage" target = "_blank">
   <IMG border = "0" src = "/Content/Img/stackoverflow-logo-250.png" style = "default">
</A><BR>
Place Caption Here

Если переменная panel.link не определена, теги привязки пропускаются.

   <IMG border = "0" src = "/Content/Img/stackoverflow-logo-250.png" style = "default">
<BR>
Place Caption Here

Используйте шаблонизатор, например эти.

Шаблоны - это серьезный запах кода. Посмотрите, как Seaside генерирует html.

[Edit] Еще один, где кто-то без понятия проголосовал против.