HTMLやCSSの基本を学ぶ方に
1冊ですべて身につくHTML & CSSとWebデザイン入門講座［第2版］
Kindle版（電子書籍）／Mana／SBクリエイティブ
HTML・CSSの書き方からページのレイアウトまで学ぶ入門書です。
Amazonで見る ↗WEB LINK CHECK
ちょっとしたWEBリンクチェック
HTML本文を貼り付けて、ページ内の <a> リンク文言、href、target、rel、画像リンクのaltを掲載前に確認する小さなツールです。
このツールはURLへアクセスしません。リンク切れ判定ではありません。貼り付けたHTMLはブラウザ内だけで処理し、サーバーへ送信・保存しません。
STEP 1
HTMLを貼り付ける
DOMParserでHTML構造だけを読み取ります。外部URLのHTTPステータス確認、クローリング、サイトマップ取得は行いません。
STEP 2
診断結果
HTMLを貼り付けると、リンク構造の目安を表示します。
Aタグ総数-
内部リンク-
外部リンク-
mailto-
tel-
注意あり-
注意ありリンク一覧
まだチェックしていません。
全リンク一覧
| # | 種別 | リンク文字 | href | target / rel | 注意 |
|---|---|---|---|---|---|
| HTMLを貼り付けると一覧を表示します。 | |||||
CHECK POINTS
確認できること
- aタグ総数、内部リンク数、外部リンク数、mailto数、tel数
- 空href、href="#"、javascript:リンク
- 空のリンク文字、「こちら」「ここ」「詳しくはこちら」だけのリンク文字
- URLそのものがリンク文字になっている箇所、同じhrefの重複
- target="_blank" の rel="noopener" / "noreferrer" 不足
- 画像リンクで img alt が空または未設定の箇所、長すぎるリンク文字
ABOUT THIS TOOL
このツールについて
ちょっとしたWEBリンクチェックは、WEB掲載前チェック棚のリンク構造確認枠です。貼り付けたHTML内のリンクを一覧化して、公開前に気づきやすい文言・href・target/relの確認を助けます。
URLへアクセスしないため、リンク先が存在するか、HTTPステータスが200か、リダイレクト先が正しいかは判定しません。SEOやアクセシビリティの完全診断ではなく、公開前の目安確認として使ってください。
WEB PRE-PUBLISH CHECK
WEB掲載前チェック
画像、ファイル名、URL、リンク、alt文、見出し構造、headタグを、WEBに載せる前に軽く確認できます。入力内容や選択したファイルはサーバーへ送信・保存しません。
HTML・CSSの基本を学びたい方へ （PR）
HTML・CSSの仕組みや書き方を学ぶ参考書です。コードやデータを見直す際の読み物として。
購入前に、商品の状態・接続方式・配列などをご確認ください。リンク先の価格や在庫、出品者は変わることがあります。
WEBリンクチェックで気づいたことや、追加してほしい判定があればコメントで教えてください。
利用者コメント
まだコメントはありません。
コメントする
暴言、脅迫、個人への攻撃を含むコメントは公開しません。