コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。itaタグとはanchor(アンカー:錨)の略で、ハイパーリンクを意味します。一般的には略して「リンク」と呼ばれます。このリンクにより、同じサイト内の別ページへのリンクや、別のウェブサイトへ移動する事が出来ます。リンク先の指定はウェブサイトだけでなく、ファイルや画像に設定する事も出来ます。この記事ではaタグで別タブを開くなど、aタグの使い方とルールを紹介します。type属性aタグで指定出来る属性aタグには沢山の属性がありますが、よく使う物を紹介しています。HTTPベースのURLだけではありません。ブラウザーが対応するあらゆるプロトコルを使用することが出来ます。id="sample">フラグメントのリンク着地場所</p></section></body>例えば、ページ内の特定の場所へ移動するリンクを張ったり、スマホでは電話番号を打たなくてもクリックすれば電話をかける事が出来ます。targetリンク先ページの表示方法。_blank新規のウィンドウに表示。_self現在のフレーム(ウィンドウ)に表示。_parent親フレームに表示。_topフレーム分割を解除してウィンドウ全体に表示。同一ページ内のリンクを「ページ内リンク」、他のサイトへのリンクを「外部リンク」と言ったりします。今見ているページから移動せずに新しいページを表示させたり、新たに別タブを開いてリンク先を表示させる等の方法があります。関連記事aタグで別タブを開く【target=”_blank”】は【rel=”noopener”】と一緒に!2022.12.05rel属性aタグでよく使うrel属性をピックアップしました。rel属性は現在の文書とハイパーリンク先との関係性を指定するのに使用します。説明nofollowそのリンクとサイトを関連付けたくない場合、またはリンク先のページをサイトからクロールさせないようにする場合。sponsoredリンク先が広告や有料リンクの場合。ugcコメントやフォーラム投稿など、ユーザー作成コンテンツ(UGC)のリンク。noopenerこれは信頼できないリンクを開く際に指定する。noreferrer別のページへ移動する際にリンク元ページのアドレスなどの値を送信しない。next現在のページが次のリソースへ移動するリンクであることを示す。prev現在のページが前のリソースへ移動するリンクであることを示す。hreflang属性リンク先文書の記述言語を表します。日本語のページから英語のページにリンクをする場合など、リンク先の言語を指定します。メディアタイプの形式を表します。説明typetext/html、image/png、video/mp4等。css検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。