본문 바로가기

HTML5

(12)
HTML5 tabindex 속성 아이디 패스워드: 일반 사이트 로그인 박스를 보면 이런 형태로 되어 있는데 Tab을 누르면 다음 포커스로 이동이 되는데 위 이미지와 같은 형태로 코딩후 tabindex를 적용하지 않았을경우 아이디->로그인->패스워드 형태로 탭이 이동하는 것을 확인 할 수 있다. tabindex 를 적용시 아이디->패스워드->로그인 순서로 원하는 결과를 얻을 수 있다.
HTML5 dir 속성 위에 소스를 브라우저 에서 실행하게 되면 위와 같은 값을 보게 된다. rtl -> 오른쪽에서 왼쪽으로 ltr -> 왼쪽에서 오른쪽으로
HTML5 accesskey 기능 ID : Password : 위 예제를 html 파일로 저장해서 브라우저에서 보게 될경우 alt + ialt + p 를 누르게 될경우 해당 input 으로 포커스가 이동되는 것을 확인 할 수 있다. 사용자 측면에서는 별로 쓰일 필요가 없겠지만 관리자 페이지 에서는 사용하게 되면 편리 할 듯.
HTML5 element (엘리먼트) 기본적인 엘리먼트 Element (엘리먼트) 요약 a 하이퍼링크 생성 body HTML 문서의 컨텐츠 표시 button form을 컨트롤 하기 위한 버튼 code 컴퓨터 예저의 영역 표시 DOCTYPE HTML 문서의 시작 표시 head HTML 문서의 헤더(header) 부분 표시 hr 주제가 변환되는 단락 표시 html 문서의 HTML 부분 표시 input 사용자가 제공하는 입력 표시 label 다른 엘리먼트의 라벨 생성 p 단락표시 style CSS 스타일의 정의 table 테이블 형식의 데이터 표시 td 테이블 셀표시 textarea 여러 줄 입력 가능한 텍스트 박스의 생성 th 테이브 헤더 셀 title HTML 문서의 타이틀 정의 tr 테이블의 열 정의