• Tags 和属性
    • 支持的 Tags
      • HTML 元素
      • SVG 元素
    • 支持的属性
      • HTML 属性
      • SVG 属性

    Tags 和属性

    支持的 Tags

    React 试着支持所有常见的元素。如果你需要一个没有列在这里的元素，请 file an issue。

    HTML 元素

    下面的 HTML 是被支持的:

    1. a abbr address area article aside audio b base bdi bdo big blockquote body br
    2. button canvas caption cite code col colgroup data datalist dd del details dfn
    3. dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5
    4. h6 head header hr html i iframe img input ins kbd keygen label legend li link
    5. main map mark menu menuitem meta meter nav noscript object ol optgroup option
    6. output p param picture pre progress q rp rt ruby s samp script section select
    7. small source span strong style sub summary sup table tbody td textarea tfoot th
    8. thead time title tr track u ul var video wbr

    SVG 元素

    下面的 SVG 元素是被支持的:

    1. circle clipPath defs ellipse g line linearGradient mask path pattern polygon polyline
    2. radialGradient rect stop svg text tspan

    你也许对 react-art有兴趣,一个让React绘制Canvas, SVG, 或者 VML (for IE8) 的绘制库.

    支持的属性

    React支持所有的 data-* 和 aria-* 以及下列的属性.

    注意:

    所有的属性都是 camel-cased ,class 和 for 分别是 className 和 htmlFor,来符合DOM API 规范.

    关于事件的列表,见 Supported Events.

    HTML 属性

    下面的标准属性是被支持的:

    1. accept acceptCharset accessKey action allowFullScreen allowTransparency alt
    2. async autoComplete autoFocus autoPlay capture cellPadding cellSpacing charSet
    3. challenge checked classID className cols colSpan content contentEditable contextMenu
    4. controls coords crossOrigin data dateTime defer dir disabled download draggable
    5. encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
    6. headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode
    7. keyParams keyType label lang list loop low manifest marginHeight marginWidth max
    8. maxLength media mediaGroup method min minLength multiple muted name noValidate open
    9. optimum pattern placeholder poster preload radioGroup readOnly rel required role
    10. rows rowSpan sandbox scope scoped scrolling seamless selected shape size sizes
    11. span spellCheck src srcDoc srcSet start step style summary tabIndex target title
    12. type useMap value width wmode wrap

    另外,支持下面的非标准属性:

    • autoCapitalize autoCorrect for Mobile Safari.
    • property for Open Graph meta tags.
    • itemProp itemScope itemType itemRef itemID for HTML5 microdata.
    • unselectable for Internet Explorer.
    • results autoSave for WebKit/Blink input fields of type search.

    同样有React规范的属性 dangerouslySetInnerHTML (more here),用于直接插入HTML字符串到组件里.

    SVG 属性

    1. clipPath cx cy d dx dy fill fillOpacity fontFamily
    2. fontSize fx fy gradientTransform gradientUnits markerEnd
    3. markerMid markerStart offset opacity patternContentUnits
    4. patternUnits points preserveAspectRatio r rx ry spreadMethod
    5. stopColor stopOpacity stroke  strokeDasharray strokeLinecap
    6. strokeOpacity strokeWidth textAnchor transform version
    7. viewBox x1 x2 x xlinkActuate xlinkArcrole xlinkHref xlinkRole
    8. xlinkShow xlinkTitle xlinkType xmlBase xmlLang xmlSpace y1 y2 y