这些超链接应该封装在列表中吗？

Question

html新手。

在这段html中，<a>标签是否应该包含在某种列表标签中 - 即<li>？

            <div id="site-master-social">
                <span class="strong">Join Us:</span>
                <a href="http://www.facebook.com" target="_blank"><img src="/Images/icon_facebook.png" alt="Facebook" title="Join us on Facebook" /></a>
                <a href="http://www.twitter.com" target="_blank"><img src="/Images/icon_twitter.png" alt="Twitter" title="Join us on Twitter" /></a>
                <a href="http://www.google.com" target="_blank"><img src="/Images/icon_google+.png" alt="Google+" title="Join us on Google+" /></a>
            </div>

Answer 1

你的代码很好。

您可以随时在此处验证HTML的正确性：http://validator.w3.org/

Answer 2

可能，如果你想要一个清单。然后将您的外部<div>更改为<ul>或<ol>。

Answer 3

我会将您的span更改为h2或h3，具体取决于文档中的重要程度。如果您正在使用HTML5，site-master-social也可以是aside。我会把链接放在一个列表中，因为在语义上它们确实属于一起但是为了格式化目的它没有必要（但它可以派上用场）。