td

설명

The HTML Table Cell Element (<td>) defines a cell that content data.

HTML의 테이블 셀 요소(<td>) 는 데이터를 포함하는 셀을 정의한다.

Usage Context

Permitted content	Phrasing content
Tag omission	The start tag is mandatory. The end tag may be omitted, if it is immediately followed by a <th> or <td> element or if there are no more data in its parent element.
Permitted parent elements	A <tr> element.
Normative document	HTML5, section 4.9.9 (HTML4.01, section 11.2.6)

속성

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

abbr - Obsolete in HTML5

   abbr - HTML5 에서는 동작하지 않음

This attribute contains a short abbreviated description of the content of the cell. Some user-agents, such as speech readers, may present this description before the content itself.

이 속성은 셀의 내용을 짧게 축약한 것을 말한다.  음성판독기와 같은 일부 사용 주체들은 이러한 축약형 설명을 주요 내용의 앞에 나타낸다.

Note : Do not use this attribute as it is obsolete in the latest standard: instead either consider starting the cell content by an independent abbreviated content itself or use the abbreviated content as the cell content and use the long content as the description of the cell by putting it in the title attribute.

참고 : 최신 버전에서는 이 속성이 동작되지 않으므로 사용하지 않는 것이 좋다 :  대신에 독립적으로 축약된 내용에 의해 그 셀의 내용을 시작하거나 셀의 내용으로서 축약된 내용을 사용하고 타이틀 속성안에 축약된 내용을 넣어 셀의 설명처럼 긴 내용을 사용한다. 

align - Deprecated in HTML 4.01, Obsolete in HTML5

  align - HTML4.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 
  left, 셀의 좌측에 컨텐츠를 정렬

• center, centering the content in the cell
  center, 셀의 중앙에 내용을 정렬

• right, aligning the content to the right of the cell
   right, 설의 오른쪽에 내용을 정렬

• justify, inserting spaces into the textual content so that the content is justified in the cell
   justify, 텍스트 내용에 공백을 삽입하여 행의 끝이 나란히 맞도록 정렬

• char, aligning the textual content on a special character with a minimal offset, defined by the char and
charoff attributes Unimplemented (see bug 2212 ) . 
   char, 미구현된 char 와 charoff 속성들에 의해 정의된 최소한의 오프셋과 함께 특수문자의 텍스트 내용을 정렬
 
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, right 혹은 justigy 값을 사용한 것과 같은 효과를 얻기 위해서는 CSS 텍스트 정렬 속성을 사용하라. 
 • CSS3 에서 char 값을 사용한 것과 같은 효과를 얻기 위해서 미구현된 텍스트 정렬 속성 의 값으로 char의 값을 사용할 수 있다.

axis - Obsolete in HTML5

   axis - HTML 5 에서는 동작하지 않음

This attribute contains a list of space-separated strings. Each string is the ID of a group of cells that this header applies to.
이 속성은 공백으로 구분된 문자열의 리스트를 포함하고 있다. 각 문자열은 이 헤더가 적용된 셀 그룹의 ID 이다. 

Note : Do not use this attribute as it is obsolete in the latest standard: instead use the scope attribute.
참고 : 이 속성은 최근 버전에서는 동작하지 않으므로  사용하지 않는 것이 좋다. : 대신 scope 속성을 사용할 수 있다.

bgcolor - Non-standard

   bgcolor - 표준 아님

This attribute defines the background color of each cell of the column. It is one of the 6-digit hexadecimal codes as defined in sRGB, prefixed by a '#'.
이 속성은 행의 각 셀의 배경색을 정의한다. 그것은 모니터 및 프린터 표준 RGB인 sRGB 로 정의된 6자리 16진수 코드로 접두어 '#' 로 시작한다. 

Usage note : Do not use this attribute, as it is non-standard and only implemented some versions of Microsoft Internet Explorer: the <td> element should be styled using CSS. To give a similar effect to the bgcolor attribute, use the CSS property background-color instead.
사용법 : 이 속성은 표준이 아니고 마이크로 인터넷 익스플로러의 일부 버전에서만 실행되므로 사용하지 않는 것이 좋다 : <td> 요소는 CSS를 사용하여 스타일을 입혀야 한다. bgcolor 속성과 유사한 효과를 주려면 bgcolor 대신에 CSS 의 background-color 속성을 사용할 수 있다. 

char - Deprecated in HTML 4.01, Obsolete in HTML5

   char - 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.
이 속성은 한 행의 셀들의 정렬하기 위한 문자를 설정하는 것이다. 일반적인 값으로 숫자나 화폐가치(금전가치)를 정렬하려고 할때 이에 대한 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 에서 char 과 같은 효과를 내려면 미구현된 문자-정렬 속성의 값으로 char 속성을 사용할 수 있다. 

charoff - Deprecated in HTML 4.01, Obsolete in HTML5

  charoff - 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.
이 속성은 최근 버전에서는 안쓰이므로 (그리고 지원하지 않음) 사용하지 않는 것이 좋다.

colspan

This attribute contains a non-negative integer value that indicates for how many columns the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the <colgroup>, even if implicitly defined, that the cell belongs to.
이 속성은 몇개의 행을 하나의 셀로 합칠 것인지를 나타내는 음의 정수가 아닌수의 값을 갖는다. 기본값은 1 이다; 만약 이 값이 0으로 설정된다면, 암시적으로 정의된 경우라도, 그 셀을 포함하고 있는 <colgroup>의 끝까지 확장되는 것을 의미한다.  

headers

This attributes a list of space-separated strings, each corresponding to the id attribute of the <th> elements that applies to this element.
이것은 공백에 의해 나뉘어지는 문자열의 목록으로 각 문자열은 <th> 엘레먼트 의 id 속성과 연계되어 있다. 

rowspan

This attribute contains a non-negative integer value that indicates for how many rows the cell extends. Its default value is 1; if its value is set to 0, it extends until the end of the table section ( <thead>, <tbody>, <tfoot>, even if implicitly defined, that the cell belongs to.
이 속성은 몇개의 열을 하나의 셀로 합칠 것인지를 나타내는 음의 정수가 아닌수의 값을 갖는다. 기본값은 1 이다; 만약 이 값이 0으로 설정된다면, 암시적으로 정의된 경우라도, 그 셀을 포함하고 있는 테이블 영역(<thead>, <tbody>, <tfoot>)의 끝까지 확장되는 것을 의미한다.  

scope - Obsolete in HTML5

   scope -  HTML5 에서는 동작하지 않음

valign - Deprecated in HTML 4.01, Obsolete in HTML5

   valign - 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.
baseline, 가능한 셀의 바닥과 가깝도록 텍스트를 위치시킨다. 그러나 바닥 대신에 문자의 가장 낮은 곳을 기준으로 정렬한다. 만약 문자들의 사이즈가 모두 같다면 이것은 bottom 과 똑같은 효과를 갖는다. 

• bottom, which will put the text as close to the bottom of the cell as it is possible;
bottom, 가능한 셀의 바닥과 가깝도록 텍스트를 위치시킨다;

• middle, which will center the text in the cell;
middle, 셀의 중앙에 문자를 위치시킨다;

• and top, which will put the text as close to the top of the cell as it is possible.
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.
참고 : 이 속성은 최근 버전에서는 안쓰이므로 (그리고 지원하지 않음) 사용하지 않는 것이 좋다: 대신 valign 에 CSS 세로-정렬 속성을 사용할 수 있다.

예제

Please see the <table> page for examples on <td>.
<td> 를 위한 예제는 <table> 페이지에서 확인하기 바람

DOM Interface

This element implements the HTMLTableDataCellElement interface.
이 요소는 HTMLTableDataCellElement 인터페이스를 구현한다.

호환성

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			지원

참고

• https://developer.mozilla.org/en/HTML/Element/td
• Other table-related HTML Elements:
  table과 관련된 다른 HTML 요소들 :
  <caption>, <col>, <colgroup>, <table>, <tbody>, <tfoot>, <th>, <thead>, <tr>.