Eclipse无法识别<header>标签

4

我遇到了一些尴尬的场景。我正在使用 Eclipse 编写 PhoneGap (Cordova) 2.5.0 应用程序,并想使用 <header> 标签设置一些标题文本。

<div id="headerdiv">
        <header>
        <h1>The Heading</h1>
         </header>
    </div>

但是Eclipse显示交叉图标,表示...
Multiple markers at this line
- Warning: discarding unexpected <header>
- Error: <header> is not recognized!

这意味着HTML结构良好,没有括号或闭合标签漏掉。如果在Dreamweaver CS6中,相同的代码是无错误的。

看起来Eclipse认为你正在编辑一个.java文件而不是一个.html文件?确保你正在编辑的文件是.html。如果这没有帮助,你可以发布代码吗?“多个标记”通常意味着代码有多个问题。 - MBillau
我已经在问题中添加了代码。 - Sujit Y. Kulkarni
4个回答

4
是一个HTML5元素...你的HTML文件是否以以下内容开头?
<!DOCTYPE html>

(这样Eclipse就知道它是html5格式,以进行适当的验证)?

是的,我已经从这个开始了。 - Sujit Y. Kulkarni

1
我遇到了同样的问题 - 在这段代码片段中,出现了错误:<section>未被识别!;警告:丢弃意外的<section>。请看下面的代码:

<...some code>
<a class="navbar-right navbar-img" href="#"><img src="img/Angular.png     alt=""></a>

     </div>
</div>

<section ng-controller="NgTodoCtrl as ctrl"> 
<some code..> 

它就是不接受那个部分,所有从那里开始的代码都变成了红色。
为什么呢?因为我忘记在<img src="img/Angular.png alt="">中关闭引号。应该是<img src='img/Angular.png alt=""'> 我添加了引号,问题就解决了。看看你是否忘记关闭一些括号/引号等导致出现问题。

1

检查你的HTML文档是否以以下内容开头:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
标签也很重要。

1

我的意见是:当我尝试在Eclipse中使用PhoneGap时,我发现HTML文件被保存为“world”图标,要查看我的HTML文件,我必须右键单击并选择“打开方式>文本编辑器”。我不喜欢这样,所以我安装了Eclipse的HTML插件,从那时起,我就开始遇到我的</form>,</fieldset>等标签的问题。我的HTML文件已经以<!DOCTYPE html>开头,所以Simon的建议对我没有用。我尝试删除所有被标记的闭合标签,但这只会创建新问题,因为我的HTML页面无法正确呈现。对我来说唯一的出路是在WebStorm中编辑我的HTML,并将它们复制到Eclipse中进行工作(在悲痛地删除HTML插件和使用插件的HTML文件之后,当然)。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接