요소의 Attribute(속성)

table

Attribute

scope

th에 지정하는 속성으로 스크리리더에서 제목으로 읽힌다.

속성 값

• row: 행 제목 (수평)

• col: 열 제목 (수직)

headers

복잡한 테이블 유형에서 사용하는 th 속성으로 값의 정확한 제목을 표시해준다.

- scope 속성의 사용
<table border="1">
 <tr>
  <th scope="col">열 제목</th>
  <th scope="col">열 제목</th>
  <th scope="col">열 제목</th>
 </tr>
 <tr>
  <th scope="row">행 제목</th>
  <td>내용 셀</td>
  <td>내용 셀</td>
 </tr>
</table>

- id, headers 속성의 사용
<table>
 <tr>
  <th>&nbsp;</th>
  <th id="imported" colspan="2">수입품목</td>
 </tr>
 <tr>
  <th>&nbsp;</th>
  <th id="cosmetic">화장품</td>
  <th id="car">자동차</td>
 </tr>
 <tr>
  <th id="america">미국</th>
  <td headers="imported cosmetic america">7000</td>
  <td headers="imported car america">30</td>
 </tr>
 <tr>
  <th id="japan">일본</th>
  <td headers="imported cosmetic japan">5000</td>
  <td headers="imported car japan">80</td>
 </tr>
</table>

Form

웹 문서는 서버에 미리 저장된 위치로 사용자가 입력 | 선택한 값을 전송하는데, 이 때 서버에서는 사용자가 송신한 자료를 데이터베이스(DB)에 저장하거나 | 처리한다.

Attribute

action='URI'

폼의 내용을 처리하기 위한 서버의 URI (필수)

method="GET | POST"

GET(Default)

• action 속성에 지정한 URI에 폼의 내용을 추가하여 서버에 송신하는 경우 사용

• 데이터의 길이가 짧을 경우 적합하다.

• 처리 속도가 약간 빠르다.

• 웹브라우저 주소 창에 변수값이 노출되기 때문에 보안상 중요한 데이터라면 POST 방식을 사용한다.

POST

• 폼의 본문으로 송신하는 방식

• 데이터 길이가 긴 경우 적합하다.

• 보안 문제로 데이터 값을 노출시키면 안될 때 사용한다.

autocomplete

자동 완성 기능의 활성화 여부를 설정한다.

속성 값

• on

• off

name

폼의 이름

novalidate

입력 데이터 값의 검증을 수행하지 않을 때 사용한다.

accept-charset

폼 전송에 사용 할 문자 인코딩을 지정할 때 사용한다.

video | iframe | source | track