코드노트

WAI-ARIA Roles role은 쉽게 말하면 alt속성과 유사하다고 볼 수 있다. img태그를 사용할 때 이미지가 뜨지 않거나 스크린리더를 위해서 alt에 이미지 이름을 넣는다. 대체문자를 넣는것과 비슷하다. role은 태그별로 넣을 수 있는 역할들이 분류되어 있다. 꼭 넣어야하는 것은 아니지만 alt를 신경쓰는만큼이라도 role은 신경써야하는 부분인거 같다. WAI-ARIA Roles - Accessibility | MDN ARIA roles provide semantic meaning to content, allowing screen readers and other tools to present and support interaction with object in a way that is con..

마크업 마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한가지. 마크업 개발의 실질적 의미는!? 웹 페이지의 뼈대를 구성하는 HTML 화면 디자인을 코드로 나타내는 CSS 를 개발을 의미 웹 서비스의 규모가 클수록, 디자인 복잡도 상승 = 마크업 복잡도 상승 디자인 관리를 위해 생겨난 디자인 시스템을 개발 및 유지하기 위해서는 결국 마크업 의 역할이 가장 중요 HTML HTML의 사전적 정의 하이퍼 텍스트 마크업 언어(Hyper Text Markup Language) 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공 Block div, h1, p Inline span, img,..

form 정보를 제풀하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냄. - input과 같이 입력 받는 요소들을 묶어서 표현. - : 데이터를 보낼 주소값 입력 / post, get,, dialog - : 버튼을 통해서 제출 - : input의 설명을 넣어주며, id를 통해서 연결하여 구분한다. fieldset 웹 양식의 여러 컨트롤과 레이블을 묶을 때 사용한다. - 여러 label이 있을 때 을 통해서 그룹으로 묶을 수 있다. - block 요소이다. - legend : fieldset의 자식 요소로만 사용할 수 있으며, 설명을 입력할 수 있다. - disabled 를 사용하면 입력하지 못하게 할 수 있다. See the Pen Untitled by beomjunkwon (@bjkwon) on C..

Ordered List - 순서가 있는 목록 - type을 통해서 여러가지 순서번호를 사용할 수 있다. ex) type="A", type="a", type="I", type="i" - start="" 속성을 통해서 시작하는 숫자를 사용할 수 있다. - li 태그에 value값을 넣어주면 넣은 순서부터 시작한다. - 중간에 넣게 되면 넣은 순간 전까지는 1부터 그 뒤로는 넣은 숫자로 시작. - reversed 속성을 사용하면 반대로 확인할 수 있다. - 하위 태그로 중첨으로 가능. Undered List - 순서가 없는 목록 - 하위 태그로 중첨으로 가능. 설명목록을 나타낸다. - dt, dd를 감싸서 설명 목록을 생성한다. - key, value를 나타낼 때 사용한다. - dt, dd를 같이 사용한다. ..