📋 시맨틱 태그(Semantic Tag) 란? semantic은 '의미론적인'이라는 뜻을 가진 형용사이다. 따라서 시맨틱 태그란 의미가 있는 태그를 말한다. ✔ 시맨틱 태그의 장점 1. 검색엔진최적화(SEO) 검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 검색엔진이 태그의 목적에 부합하게 설계되어있는 구조의 사이트에서 효율적으로 정보를 파악할 수 있어 검색 결과의 노출에 유리할 수 있게 해준다. 2. 웹접근성 일반적인 브라우저에서는 차이가 없지만 시각장애인을 위한 웹서핑 프로그램 등과 같은 환경에서는 웹접근성을 향상시켜준다. 3. 유지보수 많은 div태그의 사용으로 관리가 어려워지는 문제점에서 벗어나 태그의 이름만 보고도 어떤 영역인지 바로 확인이 가능하며 특성에 맞는 작업을 ..
✔ required form 태그 안에서 빈값으로 submit 했을 때 경고창을 띄웁니다. ✔ placeholder input 박스 안에 입력 형식에 대한 힌트를 제공 합니다. ✔ autofocus 페이지 로드 시 입력 필드에 자동으로 커서가 이동 됩니다. ✔ autocomplete 자동완성 기능 사용 여부를 결정합니다. < input type="text" autocomplete..
요소의 동작 방식은 type 특성에 따라 달라지므로 각각의 유형별 type을 지정 해야합니다. 특성을 지정하지 않은 경우, 기본 값은 text 입니다. ✔ type="text" 글을 입력 할 때 사용합니다. ex) ✔ type="password" 입력한 글이 화면에 안보이도록 숨기는 역할을 합니다. 비밀번호를 입력 할 때 많이 쓰입니다. ex) ✔ type="submit" form태그롸 함께 쓰입니다. form태그 내부에 있어서 클릭하게 되면 데이터 값을 서버로 전송 하게 됩니다. ID : PW : ex) ID : PW : ✔ type="radio" 버튼을 라디로 옵션 박스로 만드는 것입니다. 여러..
