Eclipse中有效HTML5属性的警告

Question

我使用Eclipse,然后用HTML5内容编写jsp文件.所以我有这样一行:

<div class="test" data-role="test123">

在Eclipse中我收到警告:

Undefined attribute name (data-role)

需要做什么才能再出现这些警告？在HTML5中,允许使用此属性(data-*),如下所示:http://ejohn.org/blog/html-5-data-attributes/

最好的祝福.

Answer 1

看起来Eclipse现在仍然存在一些验证HTML5元素和属性的问题.

我正在运行Mars 4.5.1并且我已经对该<main>元素发出了警告,尽管事实上没有关于该<section>元素的警告.

但有一个解决方案!

Window > Preferences > Web > HTML Files > Validation

在这里,您可以勾选Ignore specified element names in validation复选框并输入Eclipse错误警告您的任何元素的名称.

在您的情况下,您需要勾选Ignore specified attribute names in validation复选框并输入data-role属性.

单击"应用"后,Eclipse将要求您对项目进行完整验证.选择"是",更改将生效.

没有更多潦草的黄线!:d

虽然我确实想要验证我的文件.我希望eclipse警告我,所以我希望它知道它是HTML5规范的一部分.我相信在2016年,Eclipse有一种学习HTML5的方法. (3认同)

Answer 2

你的doctype

适用于HTML 4.01.

在HTML 5中添加了data-*属性.HTML 5的doctype基本上也是

<!DOCTYPE html SYSTEM "about:legacy-compat">

要么

<!DOCTYPE html>

Answer 3

较新版本的Eclipse支持HTML5中允许的HTML5标记和data-*属性.但是,使用角色时属性根据正确的语法ARIA的角色模型和XHTML角色属性模块是不是前缀数据-角色属性*只留下角色,而不是数据的作用.

所以<ul role="menubar">更正确<ul data-role="menubar">.可以使用(X)HTML5 Validator检查语法的有效性.jQuery Mobile使用了相当广泛的数据角色属性,但我不确定原因.

注意:如果您升级并且仍然收到有关data-*属性的警告,您可能需要考虑更新或删除任何已安装的语法检查程序,例如JTidy.从Indigo Service Release 1开始,默认情况下,role属性继续在Eclipse中触发未定义的属性警告.