HTML dfn bdo del ins

<dfn>, </dfn>

definition

무언가의 정의를 표시할 때 쓰는 태그.

<dl>과는 달리 마우스를 단어 위에 호버링 할 때 정의가 나타난다.

<abbr>와 비슷하지만 밑에 점선이 없고 기울어진 글꼴이라는 점에서 차이가 난다.

<abbr>는 생략된 글자를 표시할 때 사용한다면,

<dfn>는 전문용어 등의 뜻을 정의할 때 사용된다!

일반적으로<def> 태그 안에 <abbr> 태그를 넣어서 사용한다

코딩 예시.

비교를 위해 <abbr> 태그로 동일한 내용을 입력했다

출력 예시

<bdo>, </bdo>

Bidirectional Override

단어 출력 방향을 정한다.

direction 의 약자인 dir 을 속성으로 쓰고,

값으로는 왼쪽에서 오른쪽 ltr (left to right)

또는 오른쪽에서 왼쪽 rtl (right to left)

를 사용한다.

코딩 예시.

출력 예시.

윗줄은 정상적으로 왼쪽에서 오른쪽 순서대로

아랫줄은 오른쪽에서 왼쪽으로 출력이 되어있다.

솔직히 실용적으로 쓰일지는 모르겠다

<del>, </del>

<ins>, </ins>

delete, insert

글을 지우고 추가한 것을 표시할 때 사용되는 태그.

<del> 태그는 안에 있는 내용에 가운데 줄을 그어준다.

<ins> 태그는 안에 있는 내용에 아랫줄을 그어준다.

속성으로는 datetime 으로 수정 날짜나,

cite 로 수정 이유에 관한 웹사이트 등을 넣어줄 수 있다!

코드 예시

출력 예시