Question

我在marquee标签中有一些文字。

<marquee direction="left" scrollamount="4">
 Test Test Test Test Test
</marquee>

我正在使用html 5和css 3.当我在w3c验证器中检查我的html时，它显示以下错误。

 Element marquee not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

        <marquee direction="left" scrollamount="4">

如何解决这个问题？

Answer 1

Marquee标签不是html5（根本不是html，而是1995年的Microsoft专有标签）

你可以：

使用javascript为文字制作动画
使用css动画（not fully browser compatible）
使用css3 marquee（不完全兼容浏览器）
使用选框并忽略W3C警告（选框与浏览器完全兼容，即使在iOS Safari中也是如此！）
不要使用选框效果（这很难看）

小心使用W3C验证器，并不总是知道所有W3C规格！

Answer 2

marquee标签在HTML5中已经过时，但已在CSS3中返回（参见 http://www.w3.org/TR/css3-marquee/）。

Answer 3

使用CSS3 Marquee代替它

<强> HTML

<p class="marquee"><span>This is your sample text.</span></p>

<强> CSS

/* Make it a marquee */
.marquee {
    width: 450px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    text-indent: 0;
    animation: marquee 15s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

w3c验证中的html 5 marquee标记错误

3 个答案: