오페라에서 작동하지 않는 XSLT copy-of 태그

오페라에서 내 p 태그를 분리해서 사용하면 안되는 문제가 있습니다.오페라에서 작동하지 않는 XSLT copy-of 태그

<?xml version="1.0"?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
    <xsl:template match="/data"> 
     <html> 
      <link rel="stylesheet" type="text/css" href="temp.css"/> 
      <body> 
       <xsl:for-each select="item"> 
        <h1><xsl:value-of select="@name"/></h1> 
        <xsl:if test="count(summary)&gt;0"> 
         <p class="summary"><xsl:copy-of select="summary" /></p> 
        </xsl:if> 
       </xsl:for-each> 
      </body> 
     </html> 
    </xsl:template> 
</xsl:stylesheet>

와 CSS : 나는 IE9에서이 프로그램을 실행할 때

body { 
    font-size:14px; text-align:center; width:400px; margin:0 auto; font-family:Verdana; 
} 

h1 { 
    color: #231F20; font-size: 1.2em; 
} 

.summary { 
    text-align: justify; padding: 1em; background-color: #F0F4F8; 
    border-left: 1px solid #BBB; border-right: 1px solid #BBB; 
}

그것은 다음과 같습니다 여기

<?xml version="1.0" ?> 
<?xml-stylesheet type="text/xsl" href="temp.xsl"?> 
<data> 
    <item name="car"> 
     <summary>It goes by land.</summary> 
    </item> 
    <item name="plane"> 
     <summary>It simply flies.</summary> 
    </item> 
</data>

는 XSL입니다 : 여기

는 XML 예제입니다 : IE9

IE9는 본문의 너비를 고려하지 않았지만 중요하지는 않습니다. XSLT가 데이터를 올바르게 변환했습니다. summary xml 태그는 p 태그와 class="summary" 사이에 위치합니다. 당신이 볼 수 있듯이 Opera12

, 폭이 존중되지만 p 태그 사이에 삽입 summary 태그로, 두 분할되었다 :이 오페라 12에서 실행할 때

는하지만,이 얻을. 이 오페라의 관리자에서 볼 수있다 : 나는 b, i, 또는 span처럼 html 태그를 포함 할 <summary> 태그를 기대하고 있기 때문에

Inspector

내가 대신 value-of의 copy-of을 사용해야합니다.

왜 Opera는 p 태그를 두 개의 빈 태그로 분리하고 summary을 삽입합니까? 어떻게 이것을 피하면 p 태그 안에 summary 태그의 내용을 넣을 수 있습니까?

출처

2012-10-26 Kornelije Petak

글쎄 HTML5의 summary 요소는 http://www.w3.org/TR/html5/single-page.html#the-summary-element입니다. 입력 내용의 summary 요소가 HTML5 summary 요소로 간주되는지 여부는 명확하지 않으며 변환의 결과 문서에 복사 할 것인지 아니면 선택한 XML 입력 형식의 임의의 XML 요소인지 여부는 분명하지 않습니다. IE와 Opera에서의 구문 분석의 차이점은 summary 요소 자체 또는 다른 HTML5 파싱 구현 측면에서 HTML5 지원이 다르기 때문일 수 있습니다. Opera는 HTML5 요소로 요약 결과 요소를 처리하는 것으로 보입니다. 그것이 속한 어딘가에 옮기십시오. 연결된 HTML5 사양에서 볼 수 있듯이 HTML5 summary 요소에 대한 내용 : "이 요소를 사용할 수있는 컨텍스트 : 세부 요소의 첫 번째 하위 항목으로." 즉, p 요소에 아무 것도없고 그 때문에 XSLT가 p 외부로 이동하려고 할 가능성이 있습니다.

그래서 당신도 단순히 summary 요소 as you have already done의 자식 노드를 복사하거나 HTML5 그 요소에 대해 지정하는 올바른 컨텍스트에서 summary 깨끗한 HTML5를 만들려면 XSLT를 변경, 두 가지 선택이있다.

출처

2012-10-26 09:33:58

오, 감사합니다. HTML5에 너무 깊이 들여다 보지 않았으므로 새로운 태그에 대해서는 생각해 본 적이 없습니다. 그것은 완벽하게 이해합니다. –

나는

<p class="summary"><xsl:copy-of select="summary/node()" /></p>

에

<p class="summary"><xsl:copy-of select="summary" /></p>

을 변경하면 문제를 해결할 수 있다는 것을 발견했다.

하지만 브라우저마다 차이점이 확실하지 않습니다.

출처

2012-10-26 06:48:16

오페라에서 작동하지 않는 XSLT copy-of 태그

답변

관련 문제