LN: W3School 011 で HTML を学ぶ
コンテンツは W3School から参照されています
HTML チュートリアル
タグを使用するには 2 つの方法があります:
- href 属性を使用する - 別のタグへのリンクを作成するドキュメント
- name 属性を使用して、ドキュメント内にブックマークを作成します
HTML href
「リンクテキスト」はテキストである必要はありません。画像やその他の HTML 要素をリンクにすることができます 分析例
1 | <a href="http://www.cnblogs.com/renleimlj/">Visit my blog!</a>
|
ログイン後にコピー
効果表示
私のブログにアクセスしてください!
HTML ターゲット
Target 属性を使用すると、リンクされたドキュメントが表示される場所を定義できます 分析例
1 | <html><body><a href="http://www.cnblogs.com/renleimlj/" target="_blank">Visit my blog!</a><p>如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。</p></body></html>
|
ログイン後にコピー
エフェクト表示
私のブログにアクセスしてください リンクのtarget属性が「_blank」に設定されている場合、リンクは新しいウィンドウで開きます。
HTML name
name 属性は、ブックマークの作成に使用できるアンカーの名前を指定します ブックマークは特別な方法で表示されることはなく、読者には見えません アンカー (ページに表示されるテキスト) アンカーの名前は任意の名前にすることができます name 属性の代わりに id 属性を使用でき、名前付きアンカーも有効です 分析例
まず、HTML ドキュメント内のアンカーに名前を付けます (ブックマークを作成します):
1 | <a name="tips">基本的注意事项 - 有用的提示</a>
|
ログイン後にコピー
次に、同じドキュメント内にアンカーへのリンクを作成します:
1 | <a href="#tips">有用的提示</a>
|
ログイン後にコピー
Reflection
基本的な推奨事項と禁止事項ts - 役立つヒント
役立つヒント
基本的なメモ - 役立つヒント:
注: サブフォルダーには必ずスラッシュを追加してください。リンクが href="" のように記述されている場合、サーバーに対して 2 つの HTTP リクエストが生成されます。これは、サーバーがアドレスにスラッシュを追加して、次のように新しいリクエストを作成するためです。
ヒント: 名前付けアンカーは、大きなドキュメントの先頭に目次を作成するためによく使用されます。各章は、アンカーに名前を付けて、これらのアンカーへのリンクをドキュメントの上部に配置します。Baidu Encyclopedia に頻繁にアクセスすると、そのほとんどすべてのエントリでこのナビゲーション方法が使用されていることがわかります。
ヒント: ブラウザーが見つからない場合。名前付きアンカーが定義されている場合、エラーは発生しません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
