퍼블리싱/HTML5 썸네일형 리스트형 accesskey 속성 accesskey 속성은 사용자 에이전트에 의해 요소를 활성화시키거나 포커스를 갖게끔 하는 단축키를 생성하기 위한 가이드로 사용된다. html5 와 이하버전 모두에서 사용가능하나, html5에서는 모든 요소에 사용가능하고, 이전버전에서는 포커스가 필요한 요소들(, , , , , , and )에만 사용할 수 있다. 본문 바로가기 지구촌 스마트 여행사이트에서 가져옴속성값은 유니코드값이면 되는데, 한자리수 숫자나 알파벳으로 작성하면 됨 더보기 disabled와 readonly 속성의 차이 disabled fieldset에도 적용가능함일반적으로 disabled속성을 지닌 폼요소는 내용이 희미하게 표시됨. 그 텍스트는 활성화된 폼 컨트롤 값의 색상보다 연하다. 그리고 disabled 속성이 설정된 폼 컨트롤에는 포커스를 줄 수 없음. 이 속성은 모든 필드가 정확하게 채워지기 전까지 전송버튼이 비활성화돼 있게 하는데 자주 쓰임.disabled 속성을 지닌 폼 컨트롤은 폼과 함께 전송되지 않음. 따라서 폼에 입력된 값은 서버쪽 폼 처리 코드에서 이용할수 없음. 편집할수는 없지만 볼 수 있고 전송도 가능한 값을 원한다면 readonly를 이용 readonlydisabled 속성과 유사함. disabled처럼 사용자가 해당 값을 수정할 수 없게 만듬.하지만, disabled와 달리 이 필드는 포커스.. 더보기 required 속성 required 논리속성은 해당 필드가 제대로 채워졌을 때만 폼을 전송하도록 브라우저에게 아려준다. 물론 이 속성은 필드가 빈 채로 남겨져서는 안된다는 것을 의미하지만, 이것은 또한 어느 속성이나 필드의 타입에 따라 특정 종류의 값만 허용된다는 의미이기도 하다. 필수 필드가 비어 있거나 유효하지 않다면 그 폼은 전송되지 않으며, 유효하지 않은 첫번째 요소로 포커스가 옮겨간다. 오페라, 파폭, 크롬에서는 사용자에게 오류 메시지를 제공한다. required속성은 일반적으로 디폴트 값이 지정된 button, range, color, hidden을 제외한 어떤 input타입에서도 설정할 수 있다. 접근성을 향상시키고자 required속성이 포함될때마다 aria속성 aria-required="true"를 추가한다.. 더보기 html5 새로운 요소들의 적절한 사용 소개와 내비게이션에 도움이 되는 것의 모임대개 의 안에 포함시키던 내용페이지당 한번만 사용해야한다는 제한이 없다. 대신, 콘텐츠의 각 섹션을 소개하기 위해 새로운 header요소를 포함시킬수있다.위치와 무관함 문서나 애플리케이션의 일반적인 섹션을 나타낸다. 여기서 섹션은 전형적으로 제목을 가지고 있으면서 한 가지 주제와 관련된 콘텐츠의 모임을 의미한다.단지 스타일링이나 스크립팅 목적만을 위한 컨테이너로 사용하면 안됨, 이럴땐 div를 쓰면됨section안에 여러개의 section이 들어갈수있다. 중첩가능section은 일반적이다. 그러므로 좀 더 구체적인 의미적 요소(article, aside, nav같은)가 적절하다면 대신 그것을 사용한다.section에는 의미적인 의미가 있다. 이것은 section이.. 더보기 html5 규칙과 이전버전 규칙의 혼합 XHTML에서처럼 모든 요소와 속성에서 소문자를 사용한다.닫는 태그가 필요하지 않는 요소도 일부있지만 콘텐츠가 포함된 모든 요소를 닫아주길 권장한다.물론 속성값에 따옴표를 하지않은채로 둘 수도 있겠지만 따옴표가 필요한 속성을 이용하게될 가능성이 매우 높으므로 일관성을 위해 항상 따옴표를 사용하길 권장한다.(img, input, meta와 같이)콘텐츠가 없는 요소에서는 뒤에 붙는 사선을 생략한다.논리속성에 대해 중복값을 제공하지않는다. (input에서 checked="checked" 가 아닌 checked만!) - 출처 : HTML5&CSS3 실전에서는 이렇게 쓴다! 더보기 이전 1 2 다음