답변:
에을 추가하면 title됩니다 button.
<button title="Hello World!">Sample Button</button>title단축키가 필요하지 않고 터치 전용 장치는 키보드를 사용하지 않기 때문에 버튼에 키보드 단축키를 표시하는 데 속성을 사용했습니다 .
<button>태그와 <input type="button">제목 속성을 모두 허용합니다.
<a>와 href?
a태그와 모든 태그가 title속성을 지원 합니다. developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
title속성을 사용하십시오 . 표준 HTML 속성이며 기본적으로 대부분의 데스크탑 브라우저에서 툴팁으로 렌더링됩니다.
미친 해결책을 찾는 모든 사람들에게 단순히 시도해보십시오.
title="your-tooltip-here"에 있는 태그 . 나는에 테스트 한 td의와 a의와 꽤 작동합니다.
title 속성은 더 많은 정보를 제공하기위한 것입니다. SEO에는 유용하지 않으므로 제목이나 alt에 동일한 텍스트를 사용하여 이미지 또는 입력을 설명하는 것이 좋지 않습니다. 예를 들어 :
<button title="prints out hello world">Sample Buttons</button>
<img title="Hms beagle in the straits of magellan" alt="HMS Beagle painting" src="hms-beagle.jpg" />title 속성은 툴팁을 만들지 만, 표시되는 위치와 모양에 따라 브라우저에 의해 제어됩니다. 더 많은 제어를 원한다면 타사 jQuery 옵션이 있으며 Bootstrap과 같은 많은 CSS 템플릿에 솔루션이 내장되어 있으며 원하는 경우 간단한 CSS 솔루션을 작성할 수도 있습니다. 이 w3schools 솔루션을 확인하십시오 .
title 및 alt 속성을 모두 사용 하여 모든 브라우저에서 작동하도록해야합니다.
<button title="Hello World!" alt="Hello World!">Sample Button</button>alt속성은 유효입니다 img, input type="image"그리고 area태그입니다.
disabled부트 스트랩pointer-events: none이 비활성화 상태로 설정 되어 있기 때문에 툴팁이 실제로 버튼에서 작동하지 않습니다 .pointer-events: auto요소에 직접 설정하면 작동합니다 .