html - CSS 和 Html 问题

Question

我刚刚找到了 web developer interview questions 的页面，我不确定其中两个的答案是什么。对于 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>

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

   <title>This is a Title</title>

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

   <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默认情况下已经是 block 元素。

在 HTML 5 中有一个 footer元素，事实上，早期更有吸引力但被放弃的提议之一是允许您命名任何您喜欢的元素(可能使用您自己的“元文档类型”)，并让它们像 div 一样呈现。 (例如，您可以使用 <adbox> 标签代替 <div class="adbox"> )。

可能有人认为它们应该在 <ul id="footer"> 中。 <li> 中的每个元素, 但试图用 | 来设计它的样式以兼容和跨浏览器的方式来做分隔线会很痛苦。

我会很高兴 a.