ホームページ >ウェブフロントエンド >htmlチュートリアル >XHTML コード_HTML/Xhtml_Web ページ制作でのマーキー タグの使用方法
XHTML コード_HTML/Xhtml_Web ページ制作でのマーキー タグの使用方法
- WBOYオリジナル
- 2016-05-16 16:42:241344ブラウズ
フォーラムで、ネチズン jeanjean20 が標準を満たすために Marquee をどのように変更できるかについて言及しているのを見ました。友人のコメントを見て、どれもとても良いものだと思いました。モデレーターの greengnn は、Marquee は基準を満たしておらず、W3C によって放棄されたと指摘しました。一部の友人は非常に憤慨し、最初は良かった効果が今では消えてしまったと言いました。友達も行って良かったけど見てるのは面倒だと言ってくれた人もいました。理解については人それぞれですが、それをどのように理解するかは別問題ですが、ここでは、greengnn の結論にいくつかの内容を修正して追加します。皆さんがそれを理解して理解できることを願っています。
最初に訂正すべきことは、Marquee は W3C によって放棄されたということです。この文は実際には間違っています。なぜなら、Marquee は W3C によって公式ラベルとして使用されたことがないからです。 W3C はこのラベルを策定したことはなく、ましてやそれを「放棄」したことはありません。これは結婚する前に離婚と言っているようなものです。実際、Marquee は他の多くのレーベルと同様、Microsoft や Netscape などの企業によって非公開で制作されており、W3C はこのレーベルを承認していません。この裕福な会社には理不尽さが問題だが、この赤字組織はただ口が堅いだけだ！
なぜ W3C は Marquee を認識しないのですか?ほとんどの Web デザイナーの目には、このラベルはドライバーとみなされていると言わなければなりません。初期の頃、私たちはまだテクノロジーの力を誇示するための資本として利用していました。しかし、現在ではその使用は推奨されていません (余談ですが、W3C では使用が許可されていないと言っている人が多いですが、これは間違いです。W3C には、ユーザーの使用を制限したり、使用できなかったりする権利はありません) .)、では、なぜこの標準が何なのかを明確にする必要があります。標準はテクノロジーではなく、単なる仕様と提案にすぎません。 HTML4.0 では引き続き元のタグを使用します。標準では XHTML にタグは追加されませんが、推奨されるタグ (p、div、ul、dl、span、em...) が提供されます。 (例: font、b、u、i...) は使用しないことが推奨されており、セマンティクスと使用基準が必要であることが推奨されています。もちろん、標準には XHTML だけでなく、CSS、DOM、スクリプト言語も含まれます。 CSS は標準に基づいて作成されたと多くの人が考えていますが、実際には CSS は以前から存在しており、一部のブラウザ メーカーによって開発された CSS は使用しないことをお勧めします。 CSSフィルター。
この規格にはもう 1 つ非常に重要なポイントがあります。それは機能の分離です。構造、スタイル、動作の 3 つの部分に分かれています。これら 3 つの部分には、それぞれ構造 (xHTML、XML)、サンプル (CSS)、および動作 (DOM、ECMAScript) が含まれます。ここで、なぜ Marquee が W3C に認められないのかを考えてみましょう。誰もが理解できるはずです。 FONT、B、その他のタグと同様に、これは構造タグではなくなりました。それらにはスタイルと行動の特徴があり、構造のカテゴリーに分類するのは明らかに冗長です。
したがって、マーキーの効果を維持または実現したい場合は、JavaScript にさらに注意を払う必要があります。スクリプト言語は間違いなく Web ページを動かします。指定した場所を移動させたい場合は、タグ内のIDとCLASSの使い方に注意する必要があります。
この興味深いエフェクトを誰でも簡単に使用できるようにするために、私は特別に Aoao に JS を作成するよう依頼しました。次のコードを参照してください:
JS コード:
function getElementsByClass(searchClass,tagName) {
var classElements = new Array();
if ( tagName == null )
tagName = '*';
var els = document.getElementsByTagName(tagName);
var pattern = new RegExp("( ^|s)" searchClass "(s|$)");
for (i = 0, j = 0; i < elsLen; i ) {
if ( pattern.test(els[i].className) ) {
classElements[j] =
j ;
}
}
return classElements; }
function ccMarquee(className){
var a=getElementsByClass(className);
for (i = 0; i
} window.onload = function () {
ccMarquee("ccMarquee");
XHTML コード :
コードをコピー
注意してください。スクロール効果を使用する必要がある場合は、周辺ラベルに Class="ccMarquee" を追加するだけです。大文字と小文字の区別に注意してください。
添付:
まず次のコードを見てください
コードをコピーします
<マーキーの方向=上 動作=スクロールループ=3 スクロール量=1 スクロール遅延=10 整列=トップ bgcolor=#ffffff 高さ=300 幅=30% hspace=20 vspace=10 onmouseover=this.stop( ) onmouseout=this.start()> ここにスクロール内容を入力します
次に、詳細に分析してみましょう
◎ 方向はスクロールの方向を表します。 value は左、右、上、下のいずれかで、デフォルトは左です
◎ 動作はスクロール方法を表し、値はスクロール (連続スクロール) スライド (1 回スライド) オルタナティブ (往復スクロール)
◎ループ数を表します、値は正の整数、デフォルトは無限ループです
◎ スクロール量は移動速度を表します、値は正の整数、デフォルトは 6 です
◎ スクロール遅延は一時停止時間を表します、値は正の整数、デフォルトは 0、単位はミリ秒のようです
◎ align は要素の垂直方向の配置を表します、値は上、中央、下にすることができます、デフォルトは中央です
◎ bgcolor動き領域の背景色を表します。値は 16 進数の RGB カラーです。デフォルトは白です。
◎高さ、幅は動き領域の高さと幅を表します。値は正の整数 (単位はピクセル) またはです。デフォルトの幅は 100% です。高さはラベル内の要素の高さです。
◎ hspace と vspace は要素から領域境界までの水平距離と垂直距離を表し、値は正の整数です。単位はピクセルです。
◎ onmouseover=this.stop() onmouseout=this.start() は、マウスがその領域の上にあるとスクロールを停止し、マウスが離れるとスクロールを継続することを意味します。