집 > 기사 > 웹 프론트엔드 > HTML5의 a 태그에 추가되는 새로운 속성은 무엇입니까?

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

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

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

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

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

예:

<a href="http://www.php.cn/">PHP中文网</a>

HTML과 HTML5의 차이점은 HTML에서는 태그가 하이퍼링크 또는 앵커일 수 있지만 HTML5에서는 태그가 하이퍼링크라는 점입니다 HTML5의 태그

charset: html5에서 지원되지 않음, URL의 문자 인코딩을 나타냄 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>