HTML での <a> タグのすべての属性の使用の概要-htmlチュートリアル-php.cn

黄舟

リリース： 2018-05-30 14:32:07

オリジナル

9637 人が閲覧しました

HTMLのタグのhref値をジャンプ先のページに設定し、ターゲット値を_blankに設定すると、ポップアップするページが新しいウィンドウで表示されるように設定できます。 a new ウィンドウが固定サイズで、新しいウィンドウにツールバーやメニューバーがない場合はどうすればよいですか?

このタグの主な機能は、href 属性を通じて別のドキュメントへのリンクを作成することです name を通して 属性はドキュメント内にブックマークを作成します

href または name は必須属性です

target 属性

A タグの重要な属性 - target、target は、リンクされたドキュメントが表示される場所を定義します

ターゲットの可能な値は次のとおりです:

_blank 新しいウィンドウを開きます _parent 前のウィンドウに表示されます _top 上のウィンドウに表示されます

name name
_self という名前のウィンドウに表示されます。現在のウィンドウに表示されます。デフォルトの属性 _parent、_top、name は、frame と組み合わせて使用する必要があります。

指定された名前または ID を持つフレームまたはウィンドウが存在しない場合、ブラウザーは新しいウィンドウを開き、そのウィンドウに指定されたタグを付けて、そのウィンドウに新しいドキュメントを読み込みます。これからは、
ハイパーリンク
ドキュメントがこの新しいウィンドウを指すことができるようになります。

<html>
<body>

<h3>Table of Contents</h3>
<ul>
  <li><a href="/example/html/pref.html" target="bodyFrame">Preface</a></li>
  <li><a href="/example/html/chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="/example/html/chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="/example/html/chap3.html" target="view_window">Chapter 3</a></li>
</ul>
<iframe id="bodyFrame" name="bodyFrame" frameborder="0"></iframe>
</body>
</html>

ログイン後にコピー

href属性

hrefはリンクアドレスを指定します:

-text link

<a href="http://www.baidu.com">百度一下</a>

ログイン後にコピー

写真リンク:

<a href="http://www.baidu.com"><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"></a>

ログイン後にコピー

href に可能な値は 3 つあります:

- 絶対 URL - 別のサイトを指します

href="http://www.example.com/index.htm"

ログイン後にコピー

- 相対 URL - サイト内のファイルを指します

href="index.htm"

ログイン後にコピー

- アンカー URL - ページ内のアンカーを指します

href="#top"

ログイン後にコピー

name规定了锚的名称

相对链接

<a href="#h1">跳到第一章</a>
...
<h1>
<a name="h1">第一章</a>
<!--这里的name可以换成id-->
</h1>
<p>本章的内容有....</p>

ログイン後にコピー

绝对链接

<a href=" 
<!--这段代码会让用户直接进入这个网站的这个anchor下-->

ログイン後にコピー

其他

download 规定被下载的目标，即点击后直接下载某个目标（H5）

media 规定目标文档是专为什么样的平台设计的，没有实际作用（H5）

type 规定了文档的mime类型，比如”text/css”
X/charset 规定链接的字符集（w3shool标记为所有浏览器不支持）
X/hreflang 规定链接文档的语言（w3shool标记为所有浏览器不支持）

以上がHTML でのタグのすべての属性の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

HTML での タグのすべての属性の使用の概要

HTML でのタグのすべての属性の使用の概要