"HTML 커스텀 태그"의 두 판 사이의 차이

잔글 (봇: Mywikier의 2018-04-23T02:45:55Z 에 작성한 435496 판으로 되돌림)
잔글 (봇: 자동으로 텍스트 교체 (-source +syntaxhighlight))
8번째 줄: 8번째 줄:


==예시==
==예시==
<source lang='html5'>
<syntaxhighlight lang='html5'>
안녕 <div>div 태그</div> 친구들
안녕 <div>div 태그</div> 친구들
안녕 <span>span 태그</span> 친구들
안녕 <span>span 태그</span> 친구들
18번째 줄: 18번째 줄:
안녕 <as-df>asdf 태그1</as-df> 친구들
안녕 <as-df>asdf 태그1</as-df> 친구들
안녕 <as-df style='color:red'>asdf 태그2</as-df> 친구들
안녕 <as-df style='color:red'>asdf 태그2</as-df> 친구들
</source>
</syntaxhighlight>
<jsfiddle height='250'>2uqmsc85</jsfiddle>
<jsfiddle height='250'>2uqmsc85</jsfiddle>



2020년 11월 2일 (월) 00:55 판

1 개요

custom tag
커스텀 태그
  • HTML 표준에 없는 태그
  • span 태그과 유사하게 처리된다.
  • CSS 스타일도 적용된다.

2 예시

안녕 <div>div 태그</div> 친구들
안녕 <span>span 태그</span> 친구들

안녕 <asdf>asdf 태그1</asdf> 친구들
안녕 <asdf style='color:red'>asdf 태그2</asdf> 친구들

<!-- 커스텀 태그 중간에 하이픈을 넣지 않을 시, HTML5 표준 위반. 커스텀 태그 사용 시, 차기 HTML 버전에서 나올 신규 태그와 충돌을 막기 위해 중간에 하이픈을 넣는 것을 권장. -->
안녕 <as-df>asdf 태그1</as-df> 친구들
안녕 <as-df style='color:red'>asdf 태그2</as-df> 친구들

3 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}