html/css 독학하기

코스 전체목록

닫기

tfoot

설명

The HTML Table Foot Element (<tfoot>) defines a set of rows summarizing the columns of the table.

HTML 표의 끝 엘리멘트(<tfoot>)는 합계등의 표에서 각 행들을 요약하는 열들을 정의한다.

Usage Context

Permitted content Zero or more <tr> elements.
Tag omission The start tag is mandatory
The end tag may be omitted if the <tbody> element is immediately followed by an, eventually implicitly-defined, <tbody>, of if there is no more content in the parent <table> element.
Permitted parent elements A <table> element. The <tbody> must appears after any <caption>, <colgroup> or <thead> element. It can be before or after all <tbody> and <tr> elements, but not intermixed with them.
HTML 4 The <tfoot> element cannot be placed after any <tbody> and <tr> element. This restriction has been softened in HTML5.
Normative document HTML5, section 4.9.7 (HTML4.01, section 11.2.3)

속성

이 엘리먼트는 전역속성을 지원한다.

align(줄맞춤) - Deprecated in HTML 4.01, Obsolete in HTML5

HTML 4.01에서 폐지예정. HTML5에서 폐지됨.

This enumerated attribute specifies how horizontal alignment of each cell content will be handled. Possible values are:
 •left, aligning the content to the left of the cell
 •center, centering the content in the cell
 •right, aligning the content to the right of the cell
 •justify, inserting spaces into the textual content so that the content is justified in the cell
 •char, aligning the textual content on a special character with a minimal offset, defined by the char and charoff attributes Unimplemented (see bug 2212 ) .

표에서 각 항목들 내부의 수평적인 줄맞춤을 어떻게 처리할지를 나타내주며 
*left : 항목내의 내용을 왼쪽으로 줄맞춤
*center : 항목내의 내용을 가운데로 줄맞춤.
*right: 항목내의 내용을 오른쪽으로 줄맞춤.
*justify: 항목내의 내용을 양쪽맞춤. 문자에 최대한 공백을 삽입하여 셀에 꼭 맞도록한다.
*char: 문자들사이에 char와 cahroff 속성에서 정의된 문자로 기본간격에 맞게 채워넣는다. 미구현 (2212번 버그를 참조). 숫자를적을 때 쉼표 10,000,000나 미화의 센트표시 9999.99 둘중하나인데. 느낌은 쉼표처럼 반복되는 개념이고, 직역은 센트표시처럼 반복되지 않는 개념이다. 어떤게 옳을까요?

If this attribute is not set,  the left value is assumed. 

기본값은 left로 딱히 정의하지 않을경우 왼쪽으로 줄맞춤이 된다.

Note : Do not use this attribute as it is obsolete (not supported) in the latest standard.
 •To achieve the same effect as the left, center, right or justify values, use the CSS text-align property on it.
 •To achieve the same effect as the char value, in CSS3, you can use the value of the char as the value of the text-align property Unimplemented .

참고 : 마지막 표준에서 폐지되었으므로 이 어트리뷰트를 사용하지 말자.
* left, center, right, justify와 같은 효과를 위해 CSS의 text-align 프로퍼티를 적용하자.* char와 같은 효과를 얻기위해선, CSS3 에선, text-align의 Unimplemented 프로퍼티를 사용하면 된다.

 bgcolor(:BackGroundCOLOR 배경색) - Non-standard

비표준

This attribute defines the background color of each cell of the column. It is one of the 6-digit hexadecimal code as defined in sRGB, prefixed by a '#'.

각 항복의 배경색을 정의한다. #000000(검정) 에서 #FFFFFF(흰색)까지 앞에 #이 붙은 RGB 6자리의 십육진수 코드의 값을 갖을 수 있다.

 Usage note : Do not use this attribute, as it is non-standard and only implemented some versions of Microsoft Internet Explorer: the <tfoot> element should be styled using CSS. To give a similar effect to the bgcolor attribute, use the CSS property background-color, on the relevant <td> or <th> elements.

사용 참고 : 표준이 아니며, MS인터넷 익스플로러의 특정버전에서만 동작하는 속성이니, 사용하지 말자. <tfoot>요소는 CSS를 통해 모양을 내야한다. 배경색과 같은 효과를 내기 위해서, 관계된 <td>나 <tr>요소에 CSS속성 background-color를 사용하면 된다.

char(구분문자) - Deprecated in HTML 4.01, Obsolete in HTML5

HTML4.01에서 폐지예정, HTML5에서 폐지됨

This attribute is used to set the character to align the cells in a column on. Typical values for this include a period (.) when attempting to align numbers or monetary values. If align is not set to char, this attribute is ignored.

표의 행에 속한 모든 항목들을 align(줄맞춤)을 char로 할때 사용할 특정 문자를 설정 한다. 특별한 숫자나 돈계산을 위한 표에서 마침표(.) 등으로 자리수 계산을 확실히 하고 싶을 때 사용하면 된다. align을 char로 설정하지 않은 경우 이 값은 무시된다.

Note : Do not use this attribute as it is obsolete (and not supported) in the latest standard. To achieve the same effect as the char , in CSS3, you can use the character set using the char attribute as the value of the text-align property Unimplemented .

참고 :  최종 표준안에서 폐지되어 (더이상 지원을 안하기 때문에) 이 요소를 사용하지 마시오. 같은 효과를 위해 CSS3의 text-align 특성(property)과 char 속성(attribute)값을 사용하면 됩니다.

charoff(:CHAR OFFset 구분문자 기본간격) - Deprecated in HTML 4.01, Obsolete in HTML5 

HTML4.01에서 폐지예정, HTML5에서 폐지됨

This attribute is used to indicate the number of characters to offset the column data from the alignment characters specified by the char attribute.

이 속성은 char 속성에 의해 지정된 정렬문자에서 열의 데이터를 잘라내기 위한 문자의 수를 표시하는데 사용된다.

Note : Do not use this attribute as it is obsolete (and not supported) in the latest standard.

참고 : 이 속성은 최근 버전에서는 안쓰이므로 (그리고 지원하지 않음) 사용하지 않는 것이 좋다.

valign(세로열맞춤) - Deprecated in HTML 4.01, Obsolete in HTML5

HTML4.01에서 폐지예정. HTML5에서 폐지됨.

This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute are:
 •baseline, which will put the text as close to the bottom of the cell as it is possible, but align it on the baseline of the characters instead of the bottom of them. If characters are all of the size, this has the same effect as bottom.
 •bottom, which will put the text as close to the bottom of the cell as it is possible;
 •middle, which will center the text in the cell;
 •and top, which will put the text as close to the top of the cell as it is possible.

표의 각 열에서 항목들의 세로 열맞춤을 정의한다. 아래와 같은 값을 갖을 수 있다.
*baseline(기준열 맞춤), 가능한 항목의 아래에 글을 배치한다, 하지만, 기준은 바닥이 아닌 기준열로 만약 문자의 크기가 모두 동일하다면 그 효과는 바닥 맞춤과 동일하다. 알파벳 기준의 맞춤이라 한글에는 bottom과 효과가 같을 것이다.
*bottom(하단맞춤), 문자들을 가능한 바닥에 가깝게 배치한다.
*middle(중앙맞춤), 문자들을 항목의 중앙에 배치한다.
*top(상단맞춤), 문자들을 최대한 항목의 상단에 배치한다.

Note : Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS  vertical-align property on it.

참고 : 최종 표준안에서 폐지되어 이 요소를 사용하지 말자. 대신 CSS의 세로-열맞춤 특성(property)을 사용하자

예제

Please see the <table> page for examples on <tfoot>.

DOM Interface

This element implements the HTMLTableSectionElement interface.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원 1.0 1.0 (1.7 or earlier) 지원 지원 지원
align/valign attribute 1.0 bug 915 지원 지원 지원
char/charoff attribute 1.0 bug 2212 지원 지원 지원
bgcolor attribute
Non-standard
    지원    
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원 지원 1.0 (1.0) 지원 지원 지원
align/valign attribute   bug 915      
char/charoff attribute   bug 2212      
bgcolor attribute
Non-standard
    지원    

참고

댓글

댓글 본문
  1. Albert.q.park
    다 폐지된 속성에 대한 번역을 하고있으니 혈압이 높아진다. ㅋㅋㅋㅋ
  2. engfordev
    잘 해주셨습니다~
    1. 훔.. 기술된 속성이 다 폐지되면 tfoot은 어떻게 사용하는 건가요? ㅎㅎ 아.. CSS에서 속성을 정해준다는 건가요? ㅎㅎ
    2. char .. 어쩌고 부분은 좀 더 생각해볼게요 ^^
    3. note -> 참고라고 써주세요~
    4. ㅎㅎ 참고의 설명도 반말로 써주세요 :)
    다만,, 아래의 예에서 처럼,, 아마도, Do not 명령문이기 때문에 좀 강압적인 느낌이 되서 좀 그렇지요?이렇게 하면 어떨까요?
    참고 : 최종 표준안에서 폐지되어 (더이상 지원을 안하기 때문에) 이 요소를 사용하지 마시오. 대신 CSS의 세로-열맞춤 특성(property)을 사용하세요=> .. 안하기 때문에 이 요소를 사용하지 말자.
    그리고 괄호가 있으면 읽을 때 끊길 수 있을 것 같아서, 괄호를 빼도 좋을 것 같아요. ^^
    참고 : valing은 최종 표준안에서 폐지되어서 더 이상 지원이 안된다. 그러니 valing 속성(!)을 사용하지 말자. 대신 CSS의 세로-열맞춤 속성을 사용하자.
버전 관리
제스프리
현재 버전
선택 버전
graphittie 자세히 보기