본문 바로가기

프론트엔드/HTML 심화2

input 태그에 대한 공부 최종 수정 : 2024-04-02 input의 특징 form 태그 안에서 label태그와 함께 작성하는 것이 좋다. label 태그의 for의 속성 값과 input의 id 속성 값을 갖게 설정해줘야, 화면리더기에 하나의 쌍으로 해석한다. content 자주 사용하는 타입 분류 타입 이름 설명 입력 text 기본 타입 email text 타입처럼 보이지만, 유효성 검사 및 여러 기기에 동적 키보드를 지원 password 값이 가려진 텍스트 필드 사이트가 안전하지 않은 경우 경고창을 띄어준다. 값 선택 checkbox 하나의 값에 대한 선택여부를 체크 radio 여러 값에 대한 선택 날짜 선택 date 날짜 선택 업로드 file 파일을 업로드할 수 있도록 지원 image 사진을 업도드할 수 있도록 지원 버튼.. 2024. 4. 1.
메타 태그(meta tag) 최종 수정일 : 2024-03-31 메타 태그를 공부하기 해서는 head 태그에 대한 이해가 필요하다. HTML의 구조를 이루는 태그 중 많은 태그는 속성으로 http-equiv, charset, name, content를 갖는다. http-euqiv="항목명" - 웹 브라우저가 서버에 내리는 속성 - name 속성을 대신하여 사용될 수 있다. content="정보 값" charset="값" - HTML5에서 추가됐다. 이전에는 http-equiv="UTF-8"로 작성했다. name="정보 이름" - 지정하지 않으면 http-equiv와 같은 기능을 한다. - 메타 요소가 어떤 정보의 형태를 갖고 있는지 알려준다. - 종류 Keywords : 검색 엔진에 검색되는 단어를 지정 Description : 검.. 2024. 3. 31.