Shim Won
10 years ago
committed by
Jay Jaeho Lee
1 changed files with 84 additions and 0 deletions
@ -0,0 +1,84 @@ |
|||
--- |
|||
id: tags-and-attributes-ko-KR |
|||
title: 태그와 어트리뷰트 |
|||
permalink: tags-and-attributes.ko-KR.html |
|||
prev: component-specs.ko-KR.html |
|||
next: events.ko-KR.html |
|||
--- |
|||
|
|||
## 지원되는 태그 |
|||
|
|||
React는 모든 공통 엘리먼트를 지원하려 합니다. 필요한 엘리먼트가 리스트에 없다면, 이슈로 등록해 주세요. |
|||
|
|||
### HTML 엘리먼트 |
|||
|
|||
이런 HTML 엘리먼트가 지원됩니다. |
|||
|
|||
``` |
|||
a abbr address area article aside audio b base bdi bdo big blockquote body br |
|||
button canvas caption cite code col colgroup data datalist dd del details dfn |
|||
dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5 |
|||
h6 head header hr html i iframe img input ins kbd keygen label legend li link |
|||
main map mark menu menuitem meta meter nav noscript object ol optgroup option |
|||
output p param picture pre progress q rp rt ruby s samp script section select |
|||
small source span strong style sub summary sup table tbody td textarea tfoot th |
|||
thead time title tr track u ul var video wbr |
|||
``` |
|||
|
|||
### SVG 엘리먼트 |
|||
|
|||
이런 SVG 엘리먼트가 지원됩니다. |
|||
|
|||
``` |
|||
circle defs ellipse g line linearGradient mask path pattern polygon polyline |
|||
radialGradient rect stop svg text tspan |
|||
``` |
|||
|
|||
아마 Canvas, SVG, VML(IE8 전용)에 렌더할 때 쓰는 React의 드로잉 라이브러리인 [react-art](https://github.com/facebook/react-art)도 흥미 있으실 수 있습니다. |
|||
|
|||
|
|||
## 지원되는 어트리뷰트 |
|||
|
|||
React는 모든 `data-*`, `aria-*` 어트리뷰트와 밑에 있는 모든 어트리뷰트를 지원합니다. |
|||
|
|||
> 주의: |
|||
> |
|||
> 모든 어트리뷰트는 카멜케이스이고, `class` `for` 어트리뷰트는 각각 DOM API의 사양에 맞춰서 `className` `htmlFor` 가 됩니다. |
|||
|
|||
이벤트의 목록을 보시려면 [지원되는 이벤트](/react/docs/events.html)를 확인하세요. |
|||
|
|||
### HTML 어트리뷰트 |
|||
|
|||
이런 표준 어트리뷰트가 지원됩니다. |
|||
|
|||
``` |
|||
accept acceptCharset accessKey action allowFullScreen allowTransparency alt |
|||
async autoComplete autoFocus autoPlay cellPadding cellSpacing charSet checked classID |
|||
className cols colSpan content contentEditable contextMenu controls coords |
|||
crossOrigin data dateTime defer dir disabled download draggable encType form |
|||
formAction formEncType formMethod formNoValidate formTarget frameBorder height |
|||
hidden href hrefLang htmlFor httpEquiv icon id label lang list loop manifest |
|||
marginHeight marginWidth max maxLength media mediaGroup method min multiple |
|||
muted name noValidate open pattern placeholder poster preload radioGroup |
|||
readOnly rel required role rows rowSpan sandbox scope scrolling seamless |
|||
selected shape size sizes span spellCheck src srcDoc srcSet start step style |
|||
tabIndex target title type useMap value width wmode |
|||
``` |
|||
|
|||
덧붙여, 이런 비표준 어트리뷰트도 지원됩니다. |
|||
|
|||
- 모바일 사파리를 위한 `autoCapitalize autoCorrect`. |
|||
- [오픈 그래프](http://ogp.me/) 메타 태그를 위한 `property`. |
|||
- [HTML5 마이크로데이터](http://schema.org/docs/gs.html)를 위한 `itemProp itemScope itemType itemRef itemId`. |
|||
|
|||
컴포넌트에 직접 HTML 스트링을 넣을 때 사용하는, React 전용 어트리뷰트 `dangerouslySetInnerHTML`([자세한 정보는 여기](/react/docs/special-non-dom-attributes.html))도 있습니다. |
|||
|
|||
### SVG 어트리뷰트 |
|||
|
|||
``` |
|||
cx cy d dx dy fill fillOpacity fontFamily fontSize fx fy gradientTransform |
|||
gradientUnits markerEnd markerMid markerStart offset opacity |
|||
patternContentUnits patternUnits points preserveAspectRatio r rx ry |
|||
spreadMethod stopColor stopOpacity stroke strokeDasharray strokeLinecap |
|||
strokeOpacity strokeWidth textAnchor transform version viewBox x1 x2 x y1 y2 y |
|||
``` |
Loading…
Reference in new issue