Question

我需要在HTML5页面上显示以下文本：

John Smith
Web Designer
Member since 2018

我的想法是像这样：

<div class="user">
  <span>John Smith</span>
  <span>Web Designer</span>
  <span>Member since 2018</span>
</div>

然后使用：

div.user span { display: block; }

还是应该将每个文本行都包裹在P标记中？

通常，我看到P标记与长文本一样。

对于简短的文本，我倾向于使用： -A（如果是链接）； -SPAN（如果没有链接）； -H（如果是标题）。

我的主要疑问是，当它是短文本（2至4个单词）时要使用哪个标签？

Answer 1

也许您可以使用HTML
标记，这似乎是在没有CSS的情况下实现此目标的最简单方法。

__setattr__

Answer 2

如果要在单独的行中显示每个项目，请为它们使用div。

Answer 3

这是XSLT的教科书包。

假设您有一个XML文件，例如

<?xml version='1.0' encoding='utf-8'?>
<div class="user">
  <span>John Smith</span>
  <span>Web Designer</span>
  <span>Member since 2018</span>
</div>

您可以使用XSLT-1.0或更高版本对其进行转换，以在每个条目之后放置一个<BR />标签：

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output indent="yes"/>

    <xsl:template match="/div[@class='user']">
        <xsl:apply-templates select="span"/>
    </xsl:template>

    <xsl:template match="span">
      <xsl:value-of select="." /><br />
    </xsl:template>

</xsl:stylesheet>

或者，要将每个条目放置在<p>标记内，请将第二个模板替换为

<xsl:template match="span">
  <p><xsl:value-of select="." /></p>
</xsl:template>

使用XSLT，您可以灵活地创建两个输出，而对XSLT文件的更改最少，而对输入XML文件的更改完全不更改。

短文本的HTML标签

3 个答案: