Movatterモバイル変換


[0]ホーム

URL:


  1. 개발자를 위한 웹 기술
  2. HTML: Hypertext Markup Language
  3. HTML 참고서
  4. HTML 특성 참고서
  5. HTML attribute: elementtiming

This page was translated from English by the community.Learn more and join the MDN Web Docs community.

View in EnglishAlways switch to English

HTML attribute: elementtiming

elementtiming 특성은"element" 타입을 사용하는PerformanceObserver 객체가 추적할 요소를 표시하는 데 사용됩니다. 자세한 내용은PerformanceElementTiming 인터페이스를 참조하세요.

이 특성은<img>,<image> 요소가<svg> 내부에 있을 때,<video> 요소의 포스터 이미지,background-image를 가지는 요소, 그리고<p>와 같이 텍스트 노드를 포함하는 요소에 적용될 수 있습니다.

DOM에서의 해당 특성은Element.elementTiming로 반영됩니다.

사용

elementtiming에 주어진 값은 관찰된 요소의 식별자가 됩니다.

html
<img alt="alt" src="img.jpg" elementtiming="label for element" />

관찰하고 싶은 요소로 좋은 후보들은 다음과 같습니다.

  • 기사에 대한 주요 이미지
  • 블로그 게시물 제목
  • 쇼핑 사이트의 캐러셀에 있는 이미지들
  • 페이지의 주요 비디오에 대한 포스터 이미지

예제

html
<img alt="Alt for a main blog post image" src="my-massive-image.jpg" elementtiming="Main image"><p elementtiming="important-text">Some very important information.</p">

같이 보기

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp