blogger - b:attr 태그

이 태그는 부모 요소의 속성에 새로운 속성을 추가할 수 있습니다. 방법은 두 가지 방법이 있으며 모두 동일한 결과를 얻을 수 있습니다.

<!-- 방법 1 -->
<div>
  <b:attr cond='조건식'
    name='속성 이름'
    value='속성 값'/>
</div>

<!-- 방법 2 -->
<div>
  <b:attr cond='조건식'
    expr:name='속성 이름'
    expr:value='속성 값'/>
</div>

<b:attr> 태그는 속성의 이름과 값에 접두사 expr: 를 사용할 수 있습니다. 기존 속성에 덮어쓰며, 동일한 부모 요소에 여러 개 정의가 가능합니다.

<div>
  <b:attr name='id' value='foo'/>
  <b:attr name='class' value='bar'/>
</div>
<!--//
결과:
<div id=’foo‘ class=’bar‘> </div>
//-->

부모 태그에 문자가 있을 경우 이렇게 작성이 가능합니다.

<!-- 예제 1 -->
<div>
  <b:attr name='id' value='foo'/>
  <b:attr name='class' value='bar'/>
  안녕 하보니
</div>

<!-- 예제 2 -->
<div>
  <b:attr name='id' value='foo'/>
  <b:attr name='class' value='bar'/>
  <h1>제목</h1>
</div>

주어진 조건이 참일 경우 속성을 추가하는 예입니다.

<div>
  <b:attr cond='data:view.isPost' name='style' value='background: red'/>
  <h1>제목</h1>
</div>

주어진 조건은 현재 페이지가 글 보기일 경우 부모 요소에 style 속성을 추가하고 그 값으로 “background: red“ 로 하면 다음 결과를 얻을 수 있습니다.

<div style='background:red'>
  <h1>제목</h1>
</div>

부모 요소에 여러 속성을 추가하는 게 가능합니다.

<a>
  <b:attr name='href' expr:value='data:label.url'/>
  <b:attr name='target' value='_blank'/>
  <h1>제목</h1>
</a>

a 태그에 새로운 속성을 추가하여 얻은 결과입니다.

<a href='현재 URL' target='_blank'>
  <h1>제목</h1>
</a>