시맨틱요소
html 이용시 시맨틱태그를 이용하는 것이 좋다!
당연히 알고 있었던 것이지만, 무심코 div span을 주로 사용하는 데 익숙해져 있었던 듯하다.
접근성면에서나, 협업시에도 시맨틱태그를 이용하는 것이 좋을 수밖에 없는 것을 간과하지 말아야 한다.
왜? 시맨틱태그에는 태그 자체에 해당 요소가 의미하는 바가 영어이름으로 정확히 명시가 되어 있기 때문이다.
그래서 의미가 없는 div, span를 남용하기보다 시맨틱요소를 사용할 수 있는 부분에는 시맨틱요소를 사용해 주는 것이 좋을 수밖에 없다!
form요소와 검색 기능
input, button 태그를 포함한 form 태그에 검색기능을 작동하게 하는 함수를 삽입하면 엔터 누를시 검색 기능이 실행되도록 할 수 있다.
오늘도 잘 해냈다!
'TIL' 카테고리의 다른 글
| 230607) overflow auto/scrollbar 설정 시 스크롤 디자인 변경 (0) | 2023.06.07 |
|---|---|
| 230605) input 요소 사용시 1줄만 입력이 가능한 현상 (0) | 2023.06.05 |
| 230601) 선택자와 prototype 그리고 배열메소드 (0) | 2023.06.01 |
| 230531) 영화 평가 리스트 사이트 구현 (0) | 2023.05.31 |
| 230530) This, JS 셀렉터 (0) | 2023.05.30 |