3

マーキータグにテキストがあります。

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

html5とcss3を使用しています。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">

これを修正する方法は？

4

3 に答える 3

6

マーキータグはhtml5ではありません（htmlではありませんが、1995年のMicrosoft独自のタグです）

あなたはできる ：

  • javascriptを使用してテキストをアニメーション化する
  • cssアニメーションを使用する（完全にブラウザ互換ではありません）
  • css3 marqueeを使用します（完全にブラウザー互換ではありません）
  • マーキーを使用し、W3C警告を無視します（マーキーはiOSサファリでも完全なブラウザー互換です！）
  • マーキー効果を使用しないでください（醜いです）

W3Cバリデーターには注意してください。すべてのW3C仕様が常にわかっているわけではありません。

于 2013-02-28T08:38:49.573 に答える
3

マーキータグはHTML5で廃止されましたが、CSS3で返されました（ http://www.w3.org/TR/css3-marquee/を参照）。

于 2013-07-03T12:26:49.220 に答える
0

代わりにCSS3マーキーを使用してください

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); }
}
于 2017-09-27T07:23:45.923 に答える