>웹 프론트엔드 >HTML 튜토리얼 >HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?

HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?

清浅
清浅원래의
2018-11-30 17:45:576127검색

HTML5의 a 태그의 새로운 속성에는 링크 스타일을 수정하기 위한 charset, shape, coords, downloadNew 등이 포함됩니다.

HTML5의 a 태그에는 많은 새로운 속성이 추가되어 하이퍼링크에 많은 새로운 기능이 추가되었습니다. .Style님, 오늘은 HTML5

HTML5 의 새로운 a 태그에 포함된 속성값에 대해 자세히 소개해드리겠습니다. 페이지 또는 기타 로컬 파일에서 요소의 가장 중요한 속성은 링크의 대상을 지정하는 href 속성입니다. href 속성이 없으면

예:

<a href="//m.sbmmt.com/">PHP中文网</a>
HTML과 HTML5의 차이점은 HTML에서는 태그가 하이퍼링크 또는 앵커일 수 있지만 HTML5에서는 태그가 하이퍼링크라는 점입니다 HTML5의 태그

charset: html5에서 지원되지 않음, URL의 문자 인코딩을 나타냄 HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?coords: html5에서 지원되지 않음, 링크의 좌표를 나타냄.

downloadNew: 다운로드 링크를 지정합니다.

hreflang: 대상 URL의 기본 언어로 href 속성이 존재할 때만 사용됩니다.

mediaNew: 대상 URL의 미디어 유형으로, href 속성이 존재하고 기본값이 all인 경우에만 사용됩니다. name: html5에서는 지원되지 않는 앵커 이름입니다.​

rel: html5에서 지원하지 않으며, 대상 URL과 현재 문서 간의 관계를 나타냅니다.​

shape: html5에서는 지원하지 않으며, 링크의 모양을 의미합니다.

taget: 대상 URL을 여는 위치를 나타내며 href 속성이 있는 경우에만 사용됩니다.

type 신규: href 속성이 존재할 때만 사용되는 대상 URL의 MIME 유형을 지정합니다.

사례 공유

원 모양의 별 그림에 대한 링크 모양 만들기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img  src="images/12.jpg" usemap="#xingxing" alt="HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?" >
<map name="xingxing" id="xingxing">
  <area href="https://baike.baidu.com/item/%E6%98%9F%E6%98%9F/5683398?fr=aladdin" shape="circle" coords="96,195,10" target="_blank"></area>
 </map>
</object>
</body>
</html>

클릭 전

클릭 후


이 좌표원을 클릭하면 a 링크가 a 태그에 지정된 링크로 이동합니다


요약: 위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.

HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?

HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?

위 내용은 HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.