blogger - b:tag 태그

<b:tag> 태그는 HTML 태그를 생성할 수 있는 태그입니다.

<b:tag 
  cond='조건식'
  name='태그 이름'
  ATTRIBUTE='속성 이름'>
</b:tag>

name 은 필수 항목으로 HTML 태그의 이름을 지정합니다. cond 에는 조건식이 들어가고 ATTRIBUTE 에는 태그의 속성과 값을 지정합니다. 일단 예제 하나를 살펴보도록 합시다.

<b:tag 
  cond='data:view.isHomepage'
  id='foo'
  class='bar'
  name='div'>
</b:tag>
<!--//
결과:
<div class=’bar’ id=’foo’></div>
//-->

메인 페이지이면 div 태그를 만들되 div 태그의 속성에 id 와 class 속성을 추가합니다. 이러한 태그 생성은 홈페이지 변화에 영향을 줄 수 있습니다. 예를 들면 다음과 같습니다.

<style>
 a.foo h1{background-color:red;width:100%;}
 a.bar h1{background-color:yellow;width:100%;}
</style>
<b:tag 
  title='링크입니다'
  expr:class='data:view.isPost ? "foo" : "bar"'
  expr:href='data:blog.homepageUrl' 
  name='a'>
  <h1>안녕! 하보니</h1>
</b:tag>

이 경우는 a 태그를 만들되 게시물 보기 페이지이면 foo 클래스를 추가하고 아니면 bar 클래스를 추가되도록 하였습니다. 그런 다음 게시물 보기 상태이면 배경은 빨간색으로 변하도록 하고, 나머지 페이지에서는 노랑색으로 변하게 되므로 스타일시트에 영향을 받게 되는 것이지요.

cond 조건식이나 expr: 에 블로거 변수가 들어갈 경우 삼항 연산자를 함께 사용할 수 있습니다. 예를 들어 메인 페이지이면 div 태그를 만들고, 그 외 페이지에서는 p 태그를 만듭니다.

<b:tag 
  expr:name='data:view.isHomepage ? "div" : "p"”'>
</b:tag>