简化HTML标签？ [英] Simplify the HTML tags?

问题描述

希望您一切都好。

我真的很努力简化以下HTML，我想知道您是否可以帮助我？要将输出保持为呈现的代码，但是我认为它们的行和标记太多了。

Im really struggling to simplify the HTML below, I was wondering if you can help me to do so?, I do still want to keep the output as presented code, however I think their are too many lines and tags.

我希望您能提出建议，这对HTML确实很新。

I hope you can advise, really new to HTML.

<div>
<span style="font-size:medium; text-indent:0px; -webkit-text-stroke-width:0px">
<span style="font-size:14px">
<span style="font-family:&quot;Segoe UI Semilight&quot;">
<span style="line-height:normal">
<span style="font-family:&quot;Segoe UI Semilight&quot;, sans-serif"><span style="color:#005ad2">I need the support</span></span>
</span>
</span>
</span>
<br>
<span style="font-size:14px">
<span style="font-family:&quot;Segoe UI&quot;">If you believe your issue is not resolved, via&nbsp;
</span>
</span>
<a href="https://google.co.uk/" style="font-family:&quot;Segoe UI&quot;, sans-serif; font-size:10.5pt">Google Online</a>
<span style="font-size:12pt">
<span style="font-family:&quot;Segoe UI&quot;, sans-serif">.</span>
</span>
</span>
</div>

推荐答案

这是一个简单的实现，其中我分离了样式通过HTML，您可以将样式包含在< style>< / style> 标记

Here's an easy implementation where I've separated the styles from the HTML, you can add the styles to your HTML page by enclosing it in <style></style> tags

.span1 {
  font-size: medium;
  text-indent: 0px;
  -webkit-text-stroke-width: 0px;
  font-size: 14px;
  font-family: "Segoe UI Semilight", sans-serif;
  line-height: normal;
  color: #005ad2;
}

.text1 {
  font-size: 14px;
  font-family: "Segoe UI";
}

.link {
  font-family:"Segoe UI&quot",sans-serif;
  font-size:10.5pt;
}

<div>
  <span class="span1">
    I need the support
  </span>
  <br>
  <span class="text1">
    If you believe your issue is not resolved, via&nbsp;
  </span>
  <a href="https://google.co.uk/"class="link">Google Online</a>
</div>

这篇关于简化HTML标签？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！