ใ“ใฎใƒšใƒผใ‚ธใฏใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใฎๅฐฝๅŠ›ใง่‹ฑ่ชžใ‹ใ‚‰็ฟป่จณใ•ใ‚Œใพใ—ใŸใ€‚MDN Web Docs ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใซใคใ„ใฆใ‚‚ใฃใจ็Ÿฅใ‚Šใ€ไปฒ้–“ใซใชใ‚‹ใซใฏใ“ใกใ‚‰ใ‹ใ‚‰ใ€‚

View in English Always switch to English

<dfn>: ๅฎš็พฉ่ฆ็ด 

Baseline Widely available

This feature is well established and works across many devices and browser versions. Itโ€™s been available across browsers since โจ2015ๅนด7ๆœˆโฉ.

<dfn> ใฏ HTML ใฎ่ฆ็ด ใงใ€ๅฎš็พฉๅฅใ‚„ๆ–‡ใฎๆ–‡่„ˆใฎไธญใงๅฎš็พฉใ—ใฆใ„ใ‚‹็”จ่ชžใ‚’็คบใ™ใŸใ‚ใซ็”จใ„ใ‚‰ใ‚Œใพใ™ใ€‚็ฅ–ๅ…ˆใงใ‚ใ‚‹ <p> ่ฆ็ด ใ€<dt>/<dd> ใฎ็ต„ใฟๅˆใ‚ใ›ใ€ใพใŸใฏ็›ด่ฟ‘ใฎ <section> ่ฆ็ด ใŒ็”จ่ชžใฎๅฎš็พฉใจใฟใชใ•ใ‚Œใพใ™ใ€‚

่ฉฆใ—ใฆใฟใพใ—ใ‚‡ใ†

<p>
  A <dfn id="def-validator">validator</dfn> is a program that checks for syntax
  errors in code or documents.
</p>
/* stylelint-disable-next-line block-no-empty */
dfn {
}

ๅฑžๆ€ง

ใ“ใฎ่ฆ็ด ใฎๅฑžๆ€งใฏใ‚ฐใƒญใƒผใƒใƒซๅฑžๆ€งใ‚’ๅซใฟใพใ™ใ€‚

title ๅฑžๆ€งใฏๅพŒ่ฟฐใฎใจใŠใ‚Šใ€้€šๅธธใจ็•ฐใชใ‚‹็‰นๅˆฅใชๆ„ๅ‘ณๅˆใ„ใ‚’ๆŒใกใพใ™ใ€‚

ไฝฟ็”จไธŠใฎใƒกใƒข

<dfn> ่ฆ็ด ใฎไฝฟ็”จใซใคใ„ใฆใฏใ€ๅฟ…ใšใ—ใ‚‚ๆ˜Ž็ขบใซๅˆ†ใ‹ใ‚Šใ‚„ใ™ใใชใ„ๅด้ขใŒใ„ใใคใ‹ใ‚ใ‚Šใพใ™ใ€‚ใ“ใ“ใงใใ‚Œใ‚‰ใ‚’่ชฌๆ˜Žใ—ใพใ™ใ€‚

ๅฎš็พฉใ•ใ‚Œใ‚‹็”จ่ชžใฎๆŒ‡ๅฎš

ๅฎš็พฉใ•ใ‚Œใ‚‹็”จ่ชžใฏใ€ไปฅไธ‹ใฎ่ฆๅ‰‡ใซๅพ“ใ„ใพใ™ใ€‚

  1. <dfn> ่ฆ็ด ใซ title ๅฑžๆ€งใŒใ‚ใ‚‹ๅ ดๅˆใ€ title ๅฑžๆ€งใฎๅ€คใŒๅฎš็พฉใ•ใ‚Œใ‚‹็”จ่ชžใจใฟใชใ•ใ‚Œใพใ™ใ€‚ใใฎ่ฆ็ด ใฎไธญใฎๆ–‡ๅญ—ๅˆ—ใ‚‚ใใฎ็”จ่ชžใงใชใ‘ใ‚Œใฐใชใ‚Šใพใ›ใ‚“ใŒใ€็•ฅ่ชž๏ผˆใŠใใ‚‰ใ <abbr> ใ‚’ไฝฟ็”จ๏ผ‰ใ‚„ใ€็”จ่ชžใฎใใฎไป–ใฎๅฝขใงใ‚‚ๆง‹ใ„ใพใ›ใ‚“ใ€‚
  2. <dfn> ใŒๅ˜ไธ€ใฎๅญ่ฆ็ด ใ‚’ๆŒใกใ€่‡ชๅˆ†่‡ช่บซใซใฏไฝ•ใ‚‚ๆ–‡ๅญ—ๅˆ—ใŒใชใใ€ใ‹ใคใใฎๅญ่ฆ็ด ใŒ title ๅฑžๆ€งใ‚’ๆŒใค <abbr> ่ฆ็ด ใงใ‚ใ‚‹ๅ ดๅˆใฏใ€ <abbr> ่ฆ็ด ใฎ title ใฎๅ€คใŒๅฎš็พฉใ™ใ‚‹็”จ่ชžใงใ™ใ€‚
  3. ใใ‚Œไปฅๅค–ใงใฏใ€ <dfn> ่ฆ็ด ใฎๆ–‡ๅญ—ๅˆ—ใ‚ณใƒณใƒ†ใƒณใƒ„ใŒๅฎš็พฉใ•ใ‚Œใ‚‹็”จ่ชžใงใ™ใ€‚ใ“ใ‚Œใฏไปฅไธ‹ใฎๆœ€ๅˆใฎไพ‹ใง็คบใ—ใพใ™ใ€‚

ใƒกใƒข: ใ‚‚ใ— <dfn> ่ฆ็ด ใซ title ๅฑžๆ€งใŒใ‚ใ‚Œใฐใ€ใใ‚ŒใŒๅฎš็พฉใ™ใ‚‹็”จ่ชžใงใ‚ใ‚Šใ€ใใ‚Œไปฅๅค–ใฎๆ–‡ๅญ—ๅˆ—ใงใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚

<dfn> ่ฆ็ด ใธใฎใƒชใƒณใ‚ฏ

<dfn> ่ฆ็ด ใซ id ๅฑžๆ€งใ‚’ใคใ‘ใŸๅ ดๅˆใฏใ€ <a> ่ฆ็ด ใ‚’ไฝฟ็”จใ—ใฆใใ“ใซใƒชใƒณใ‚ฏใ™ใ‚‹ใ“ใจใŒใงใใพใ™ใ€‚็”จ่ชžใฎไฝฟ็”จๆ™‚ใซใฏใใฎใ‚ˆใ†ใชใƒชใƒณใ‚ฏใ‚’ไฝฟ็”จใ—ใฆใ€็”จ่ชžใฎใƒชใƒณใ‚ฏใ‚’ใ‚ฏใƒชใƒƒใ‚ฏใ™ใ‚‹ใ“ใจใง่ชญ่€…ใŒ็”จ่ชžใฎๅฎš็พฉใซใ™ใฐใ‚„ใ็งปๅ‹•ใงใใ‚‹ใ‚ˆใ†ใซใ—ใฆใใ ใ•ใ„ใ€‚

ใ“ใ‚Œใฏไปฅไธ‹ใฎๅฎš็พฉใธใฎใƒชใƒณใ‚ฏใฎไพ‹ใง็คบใ—ใพใ™ใ€‚

ไพ‹

ๆง˜ใ€…ใชๅˆฉ็”จใ‚ทใƒŠใƒชใ‚ชใฎไพ‹ใ‚’ใ„ใใคใ‹่ฆ‹ใฆใฟใพใ—ใ‚‡ใ†ใ€‚

ๅŸบๆœฌ็š„ใช็”จ่ชžใฎ่ญ˜ๅˆฅ

ใ“ใฎไพ‹ใฏใ€ๅฎš็พฉใฎไธญใฎ็”จ่ชžใฎไฝ็ฝฎใ‚’่ญ˜ๅˆฅใ™ใ‚‹ใŸใ‚ใซ็ด ใฎ <dfn> ่ฆ็ด ใ‚’ไฝฟ็”จใ—ใฆใ„ใพใ™ใ€‚

HTML

html
<p>
  The <strong>HTML Definition element (<dfn>&lt;dfn&gt;</dfn>)</strong> is used
  to indicate the term being defined within the context of a definition phrase
  or sentence.
</p>

<dfn> ่ฆ็ด ใซ title ใŒใชใ„ใฎใงใ€ <dfn> ่ฆ็ด ่‡ช่บซใฎๆ–‡ๅญ—ๅˆ—ใ‚ณใƒณใƒ†ใƒณใƒ„ใŒๅฎš็พฉใ•ใ‚Œใ‚‹็”จ่ชžใจใ—ใฆไฝฟ็”จใ•ใ‚Œใพใ™ใ€‚

็ตๆžœ

ๅฎš็พฉใธใฎใƒชใƒณใ‚ฏ

ๅฎš็พฉใธใฎใƒชใƒณใ‚ฏใ‚’่ฟฝๅŠ ใ™ใ‚‹ใซใฏใ€ใ„ใคใ‚‚้€šใ‚Šใฎๆ–นๆณ•ใง <a> ่ฆ็ด ใ‚’ไฝฟใฃใฆใƒชใƒณใ‚ฏใ‚’ไฝœๆˆใ—ใพใ™ใ€‚

HTML

html

ใ“ใ“ใง id ๅฑžๆ€งใฎ "definition-dfn" ใฎๅ€คใ‚’ใƒชใƒณใ‚ฏๅ…ˆใจใ—ใฆไฝฟ็”จใ—ใฆใ€ๅฎš็พฉใ‚’่ฆ‹ใ‚‹ใ“ใจใŒใงใใพใ™ใ€‚ใใฎๅพŒใงใ€ <a> ใฎ href ๅฑžๆ€งใ‚’ "#definition-dfn" ใซ่จญๅฎšใ—ใฆใ€ๅฎš็พฉใซๆˆปใ‚‹ใƒชใƒณใ‚ฏใ‚’่จญๅฎšใ—ใพใ™ใ€‚

็ตๆžœ

็•ฅ่ชžใจๅฎš็พฉใฎไธกๆ–นใฎไฝฟ็”จ

ๅ ดๅˆใซใ‚ˆใฃใฆใฏใ€็”จ่ชžใ‚’ๅฎš็พฉใ™ใ‚‹้š›ใซ็•ฅ่ชžใ‚’ไฝฟ็”จใ—ใŸใใชใ‚‹ๅ ดๅˆใ‚‚ใ‚ใ‚‹ใงใ—ใ‚‡ใ†ใ€‚ใ“ใ‚Œใฏ <dfn> ใจ <abbr> ่ฆ็ด ใ‚’็ต„ใฟๅˆใ‚ใ›ใฆใ€ใ“ใฎใ‚ˆใ†ใซๅฎŸ็พใงใใพใ™ใ€‚

HTML

html
<p>
  The <dfn><abbr title="Hubble Space Telescope">HST</abbr></dfn> is among the
  most productive scientific instruments ever constructed. It has been in orbit
  for over 20 years, scanning the sky and returning data and photographs of
  unprecedented quality and detail.
</p>

<p>
  Indeed, the <abbr title="Hubble Space Telescope">HST</abbr> has arguably done
  more to advance science than any device ever built.
</p>

<abbr> ่ฆ็ด ใŒ <dfn> ใฎไธญใงๅ…ฅใ‚Œๅญใซใชใฃใฆใ„ใพใ™ใ€‚ๅ‰่€…ใฏ็”จ่ชžใŒ็•ฅ่ชž ("HST") ใงใ‚ใ‚‹ใ“ใจใ‚’็คบใ—ใ€ๅฎŒๅ…จใช็”จ่ชž ("Hubble Space Telescope") ใ‚’ title ๅฑžๆ€งใงๅฎš็พฉใ—ใพใ™ใ€‚ๅพŒ่€…ใฏ็•ฅ่ชžใŒๅฎš็พฉใ•ใ‚Œใ‚‹็”จ่ชžใงใ‚ใ‚‹ใ“ใจใ‚’่กจใ—ใพใ™ใ€‚

็ตๆžœ

ๆŠ€่ก“็š„ๆฆ‚่ฆ

ใ‚ณใƒณใƒ†ใƒณใƒ„ใ‚ซใƒ†ใ‚ดใƒชใƒผ ใƒ•ใƒญใƒผใ‚ณใƒณใƒ†ใƒณใƒ„, ่จ˜่ฟฐใ‚ณใƒณใƒ†ใƒณใƒ„, ็Ÿฅ่ฆšๅฏ่ƒฝใ‚ณใƒณใƒ†ใƒณใƒ„
่จฑๅฏใ•ใ‚Œใฆใ„ใ‚‹ๅ†…ๅฎน ่จ˜่ฟฐใ‚ณใƒณใƒ†ใƒณใƒ„ใ€ใŸใ ใ— <dfn> ่ฆ็ด ใ‚’ๅญๅญซใซใ—ใฆใฏใ„ใ‘ใพใ›ใ‚“ใ€‚
ใ‚ฟใ‚ฐใฎ็œ็•ฅ ใชใ—ใ€‚้–‹ๅง‹ใ‚ฟใ‚ฐใจ็ต‚ไบ†ใ‚ฟใ‚ฐใฎไธกๆ–นใŒๅฟ…้ ˆใงใ™ใ€‚
่จฑๅฏใ•ใ‚Œใฆใ„ใ‚‹่ฆช่ฆ็ด  ่จ˜่ฟฐใ‚ณใƒณใƒ†ใƒณใƒ„ใ‚’ๅ—ใ‘ๅ…ฅใ‚Œใ‚‹ใ™ในใฆใฎ่ฆ็ด 
ๆš—้ป™ใฎ ARIA ใƒญใƒผใƒซ term
่จฑๅฏใ•ใ‚Œใฆใ„ใ‚‹ ARIA ใƒญใƒผใƒซ ใ™ในใฆ
DOM ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚น HTMLElement

ไป•ๆง˜ๆ›ธ

Specification
HTML
# the-dfn-element

ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฎไบ’ๆ›ๆ€ง

้–ข้€ฃๆƒ…ๅ ฑ

  • ๅฎš็พฉใƒชใ‚นใƒˆ้–ข้€ฃ่ฆ็ด : <dl>, <dt>, <dd>
  • <abbr>