blogger - b:section 태그

섹션 태그는 블로거의 가젯 레이아웃 영역입니다. 섹션(가젯 그룹)은 메뉴 영역, 사이드바 영역, 푸터 영역 등 다른 섹션과 분리되어 레이아웃을 그룹화한 가젯 레이아웃으로 레이아웃 영역 마다 애드센스, 추천 게시물, HTML, 페이지, 링크 목록 등 다양한 가젯을 추가할 수 있는 영역입니다.

다음 그림은 섹션 별로 그룹화한 것입니다. 설명을 덧붙이자면 “Social Counter”섹션, “Home ADS”섹션, “Main Posts”섹션, “Tab 01”섹션 등 가젯을 추가할 수 없는 섹션이 있고, 가젯을 추가할 수 있는 “Box Layout”섹션, “Sidebar Right A”섹션 등이 있습니다.

섹션 구문은 다음과 같습니다.

<b:section
  cond='조건식'
  id='ID 이름(필수)'
  class='클래스 이름(선택)'
  name='섹션 이름(선택)'
  growth='BOOLEAN(선택)'
  showaddelement='BOOLEAN(선택)'
  maxwidgets='위젯 수(선택)'>
</b:section>

섹션(가젯 그룹) 레이아웃은 가젯만 추가할 수 있으며 중첩될 수 없습니다. <b:section> 태그는 HTML 로 렌더링 될 때 <div> 태그로 자동 변환되어 보여지며 class, id, name 속성이 <div> 태그에 자동으로 포함됩니다.

<b:section class='menu1' id='menu1' name='Sidebar Right A' showaddelement='yes'>
 …
</b:section>
<!--//
결과:
<div class=’menu1 section’ id=’menu1’ name=’Sidebar Right A’>
 …
</div>
//-->

name 속성 값은 블로거 편집기의 레이아웃 영역 이름으로 표시됩니다. 위 그림의 “Sidebar Right A”섹션은 name=’Sidebar Right A’ 와 같습니다.

showaddelement 속성은 블로거 편집기의 레이아웃 영역에 가젯을 추가할지를 결정합니다. 예를 들어 yes 이면 가젯을 추가할 수 있는 버튼이 나타나고, no 로 설정하면 가젯을 추가할 수 없게 됩니다. 기본값은 yes 입니다.

maxwidgets 속성은 가젯을 추가할 수 있는 최대 허용 수입니다. maxwidgets 에 3을 지정하면 가젯을 3개까지만 추가할 수 있습니다. 개수를 지정하지 않으면 무한입니다.

<b:section id='menu1' name='Sidebar Right A' maxwidgets='3' showaddelement='yes'>
 …
</b:section>

그림에서와 같이 showaddelement 속성을 yes 로 했기 때문에 가젯 추가 버튼이 나타난 것을 확인할 수 있습니다. 그리고 가젯 추가 가능 개수를 최대 3개로 설정했습니다.

growth 속성은 가젯이 여러 개일 경우 섹션 내의 가젯을 가로(horizontal)로 정렬할지 세로(vertical)로 정렬할지 결정합니다. 기본 값은 vertical, 세로 방향입니다.