HTML Living Standard(4) | form 요소들 ✨form은 어떤 요소를 가지고 있을까? form 요소들은 특히 백엔드 개발자들과의 협업이 매우 중요하다. 사용자의 입력값을 데이터로 받아서 그걸 처리하고 가공하는데 해당 form요소들이 중요하기 때문. form 태그는 대표적인 요소로 action과 method를 가지는데, action은 데이터가 submit 되었을때 어떤 서버로 보내줄 것인가 결정하는 것이며 method는 서버로 값을 보내는데 보이게 보낼것인지(get) 안보이게 할것인지(post) 정하는 방식으로 설정된다. 쉽게 말해 공개적으로 내 tmi를 알려줄것인가, 포스트잇에 내 tmi를 적고 고백공격을 할것인지. 또한 하위 요소로 fieldset을 가지는데 form 내부의 영역을 나누게 되는 semantic 태그라 볼 수있다. 뒤이어 form의.. HTML Living Standard(3) | 각종이미지들 ✨이미지 태그는 만 쓰는것이 아님 지금까지 이미지 삽입할때는 태그만 사용하거나, 경로는 html로 지정하지 않고 css의 background-image 속성으로 이미지를 올리곤 했었다. 하지만 semantic 태그들과 스크린리더의 접근성을 위해서는 보다 세부적인 이미지 삽입의 태그가 필요한것. 또는 개념으로만 살짝 알고있던 것들을 다시한번 되짚어보도록 하자. 의 srcset 속성 사용자 브라우저의 width 값에 따라 이미지 사이즈가 변경된다면 대개 css의 Media Query를 종종 이용하긴 한다. 그러나 기획자나 PM들과의 협업중에 무엇으로 정하자고 결정함에 따라 html로 작업할지, css로 작업할지 결정한다고 함. 마라탕은 청탕으로 먹어야 제맛 태그를 이용할때 접근성을 위해 alt값 외 이미지에.. 이전 1 다음
