网站徽标的正确位置是什么?

时间:2013-01-31 22:45:56

标签: html validation

在我的<body>之后,作为我添加到每个页面的标题的一部分,是我网站的徽标。此<img>位于<a>标记内,指向我的索引页。

这是W3C validator

  

第21行,第38列:文档类型不允许元素“a”在这里;缺少“p”,“h1”,“h2”,“h3”,“h4”,“h5”,“h6”,“div”,“pre”,“address”,“fieldset”,“ins”中的一个,“del”start-tag

(我会通过消息的其余部分,但是其中的html标签搞砸了,我不知道如何在一个blockquote中逃脱它们。)

放置徽标的适当位置是什么?从逻辑上讲,它不在一个部门内。制作一个空白的容器元素似乎很傻。

本地来源:

...
<body>
<a title="Home" href="index.html"><img src="images/logo.png" id="logo"/></a>
....

完整来源:http://pastie.org/5998955

3 个答案:

答案 0 :(得分:2)

该错误是错误是指您放置一个内联块元素,而没有容器块。

你必须做这样的事情才能使它有效:

<body>
<div><a title="Home" href="index.html"><img src="images/logo.png" id="logo"/></a></div>

错误清楚地说明了这一点,甚至建议您可以使用哪些标签来纠正问题。

答案 1 :(得分:1)

如果您想使用XHTML,那么您将不得不在块元素中包含内联元素以进行验证。

您可以使用HTML5执行您正在执行的操作并对其进行验证(但您必须向图像添加alt属性)。

Pastie:http://pastie.org/5998964

答案 2 :(得分:0)

您的问题不在于“放置网站徽标的位置”,根据您在头部中指定的文档类型,您的问题是格式错误的HTML。

A是内联标记,需要用块级标记(如P或DIV)包装。