CSS和Html问题

Question

我刚刚找到了一个Web开发人员面试问题的页面,我不确定他们中的两个答案是什么.对于Q1,我选择答案e.对于Q2,我选择答案b,但我不确定是否有更好的方法来做到这一点.

1. 考虑到标题可能使用大的粗体红色字体水平居中,哪个标记结构对于文档正文中的标题最具语义性？

   一个. <h1>This is a Title</h1>

   湾 <p align="center"><font size="+3"><b>This is a Title</b></font></p>

   C. <h1 style="font-weight:bold; font-size:large; text-align:center; color:red;">This is a Title</h1>

   d. <title>This is a Title</title>

   即 <h1 class="LargeRedBoldCenterHeading">This is a Title</h1>

   F. <span class="title">This is a Title</span>

2. 以下每个页脚标记解决方案都可以接受吗？为什么或者为什么不？你会提出什么替代解决方案？

   一个. <div id="footer">
Copyright 2010 My Company | This text is arbitratry.
</div>

   湾 <div id="footer">
<p>Copyright 2010 My Company | This text is arbitratry.</p>
</div>

Answer 1

的正确答案1.是a，您的页面上应该只有一个h1标签（因此，如果仅用于 ，则可能不需要一个类h1），并且因为 中 使用的类e不是语义的（例如“标题”），而是描述一种非常特殊的样式如果您以后更改了标题的显示方式，那么这将毫无用处。

事实上你可以排除其他选项，如下所示：

• b) 使用align属性，使用font标签，使用b标签（这个是不确定的，但他们更喜欢你使用em），使用p标签作为标题。

• c) 使用内联样式

• d) 使用title中的元素body尝试渲染内容。它属于 中head，并且无论如何都不应该在页面上显示任何内容，即使它被错误且无效地放置在 中body。

• e) 使用了一个命名不当的类。类应该描述类的含义（例如“EmphasisedHeader”、“HelpButton”等），而不是类的呈现方式。将它们视为一个标签 - 您想要一个<LargeRedBoldCenterHeading>标签还是一个<EmphasisedHeader>标签？

• f) 无效的 HTML

对于问题，2.答案比较棘手。该p标签是不必要的，因为div默认情况下 a 已经是一个块元素。

在 HTML 5 中有一个footer元素可以实现这一点，事实上，早期更有吸引力但被放弃的提议之一是允许您命名任何您喜欢的元素（也许使用您自己的“元文档类型”），然后让它们像div（例如你可以有一个<adbox>标签而不是<div class="adbox">）。

可能有人会说，它们应该<ul id="footer">与 a 中的每个元素一起出现在 a 中<li>，但是尝试使用|分隔符来设计样式以兼容且跨浏览器的方式会很痛苦。

我会很高兴a.