| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/ko/docs/Web/HTML/Reference/Elements/a | [Back] [Original] |
Get to know MDN better
This page was translated from English by the community. Learn more and join the MDN Web Docs community.
This feature is well established and works across many devices and browser versions. Its been available across browsers since 2015 7.
* Some parts of this feature may have varying levels of support.
HTML <a> ( ) href , , URL . <a> .
<p>You can reach Michael at:</p>
<ul>
<li><a href="https://example.com">Website</a></li>
<li><a href="mailto:m.bluth@example.com">Email</a></li>
<li><a href="tel:+123456789">Phone</a></li>
</ul>
li {
margin-bottom: 0.5rem;
}
downloadURL . , .
.
Content-Disposition HTTP Content-Type , data: URL , blob: URL Blob.type ) . / \ _ . , .
:
download URL blob:, data: .Content-Disposition filename download . (Content-Disposition: inline , Firefox Chrome download .)hrefURL. HTTP URL , URL .
tel: URL mailto: URL Navigator.registerProtocolHandler() .hreflang URL . . lang .
ping URL . , URL POST . .
referrerpolicy URL . Referrer-Policy .
reltarget URL . , , , <iframe> . .
_self: URL . ._blank: URL . , ._parent: URL . _self ._top: URL ( , ) . _self . :
target , rel="noreferrer" window.opener API .
:
(Firefox 79+ ) target="_blank" rel="noopener" .
typeURL MIME type . .
| , , , . | |
| . ( ) . | |
| , . | |
| ARIA |
href link,
|
| ARIA |
|
| DOM | HTMLAnchorElement |
<a href="https://www.mozilla.com">Mozilla</a>
<a href="//example.com">Scheme-relative URL</a>
<a href="/ko/docs/Web/HTML">Origin-relative URL</a>
<a href="./p">Directory-relative URL</a>
a {
display: block;
margin-bottom: 0.5em;
}
<!-- <a> -->
<p><a href="#Section_further_down"> </a></p>
<!-- -->
<h2 id="Section_further_down"> </h2>
:
href="#top" (href="#") . HTML .
mailto: .
<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>
, mailto: URL RFC 6068 .
<a href="tel:+49.157.0156">+49 157 0156</a>
<a href="tel:+1(555)5309">(555) 5309</a>
tel: .
Navigator.registerProtocolHandler() . web.skype.com .tel: URL , , RFC 3966 .
download <canvas> PNG <p>
.
<a href="" download="my_painting.png"></a>
</p>
<canvas width="300" height="300"></canvas>
html {
font-family: sans-serif;
}
canvas {
background: #fff;
border: 1px dashed;
}
a {
display: inline-block;
background: #69c;
color: #fff;
padding: 5px 10px;
}
var canvas = document.querySelector("canvas"),
c = canvas.getContext("2d");
c.fillStyle = "hotpink";
function draw(x, y) {
if (isDrawing) {
c.beginPath();
c.arc(x, y, 10, 0, Math.PI * 2);
c.closePath();
c.fill();
}
}
canvas.addEventListener("mousemove", (event) =>
draw(event.offsetX, event.offsetY),
);
canvas.addEventListener("mousedown", () => (isDrawing = true));
canvas.addEventListener("mouseup", () => (isDrawing = false));
document
.querySelector("a")
.addEventListener(
"click",
(event) => (event.target.href = canvas.toDataURL()),
);
<a> . Referer : .
target="_blank" rel="noreferrer" rel="noopener" window.opener API . ( ) , (Firefox 79+ ) target="_blank" rel="noopener" .
, .
" " "" .
<p> <a href="/products"></a> .</p>
, !
<p> <a href="/products"> </a>.</p>
. . .
onclick href # javascript:void(0) , click .
href , , JavaScript , . .
<button> . URL .
target="_blank" / , , .
, , , . .
<a target="_blank" href="https://ko.wikipedia.org">
( )
</a>
<a href="2017-annual-report.ppt">2017 (PowerPoint)</a>
<a target="_blank" href="https://ko.wikipedia.org">
<img alt="( )" src="newtab.svg" />
</a>
<a href="2017-annual-report.ppt">
2017
<img alt="(PowerPoint )" src="ppt-icon.svg" />
</a>
(skip link) <body> , . .
<body>
<a href="#content"> </a>
<header></header>
<main id="content"><!-- --></main>
</body>
.skip-link {
position: absolute;
top: -3em;
background: #fff;
}
.skip-link:focus {
top: 0;
}
.
, , / .
. , . 44x44 CSS .
, .
. .
margin CSS .
| Specification |
|---|
| HTML # the-a-element |
This page was last modified on 2026 4 15 by MDN contributors.
<a><abbr><acronym><address><area><article><aside><audio><b><base><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fencedframe><fieldset><figcaption><figure><font><footer><form><frame><frameset><geolocation><h1><head><header><hgroup><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><marquee><menu><meta><meter><nav><nobr><noembed><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><plaintext><pre><progress><q><rb><rp><rt><rtc><ruby><s><samp><script><search><section><select><selectedcontent><slot><small><source><span><strike><strong><style><sub><summary><sup><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video><wbr><xmp><input> types<input type="button"><input type="checkbox"><input type="color"><input type="date"><input type="datetime-local"><input type="email"><input type="file"><input type="hidden"><input type="image"><input type="month"><input type="number"><input type="password"><input type="radio"><input type="range"><input type="reset"><input type="search"><input type="submit"><input type="tel"><input type="text"><input type="time"><input type="url"><input type="week"><script type>Your blueprint for a better internet.
Portions of this content are 19982026 by individual mozilla.org contributors. Content available under a Creative Commons license.
| Web Proxy Viewer | New URL | Original Page |