ホームページ > ウェブフロントエンド > htmlチュートリアル > Webコンテンツ上のすべてのimgタグにalt属性を追加する方法

Webコンテンツ上のすべてのimgタグにalt属性を追加する方法

伊谢尔伦
リリース: 2016-12-03 11:37:19
オリジナル
2410 人が閲覧しました

ウェブページ上のすべての img タグに alt 属性を追加する方法
img タグに alt 属性を追加すると、検索エンジンをより適切に識別し、それが何であるかを伝えることができますが、ページのコンテンツが非常に大きい場合、一部の img タグがalt 属性は欠落します
。これはチェックするのが非常に面倒です。または、ページ上により多くのキーワードをレイアウトしたい場合は、Jquery コードを使用してこれらの欠点を埋めることができます。原則は、まずページを取得することです。すべての img タグの合計数を調べ、各 img タグに alt 属性があるかどうかを確認します。存在しない場合は、次のコードをスキップします。
名前を単一にしすぎたくない場合は、さらにいくつか入力して配列に保存し、ランダム関数を使用して数値を計算できます。例:

var alt="图片名称"; //定义要添加的alt属性名
var imgsize = $('body img').size(); //得出img标签的总数量
for (i = 0; i < imgsize; i++) {
//如果当前img标签的alt属性不存在,则添加
 if (!$(&#39;body img&#39;).eq(i).attr(&#39;alt&#39;)) {
 $(&#39;body img&#39;).eq(i).attr(&#39;alt&#39;, alt)
 }
}
ログイン後にコピー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート