UX·UI - FrontEnd Dev. Story

Reset 2

[HTML] <a>, <button>, <input> 용도맞게 사용하기

페이지를 코딩해서 링크를 걸 때 아무거나 링크로 만드는 것이 아니라 용도에 맞게 사용하는 것이 중요하다. 페이지 링크를 걸 때 문서간의 url을 '연결'하기 위해 주로 사용되는 일반적인 방식 url을 연결하지않고 단순하게 사용자 인터페이스만을 '조작'하기 위한 버튼. type을 명시하지않으면 submit 으로 실행하기때문에 반드시 type="button"으로 지정해야한다. 사용자의 입력을 서버로 '전송' 하기 위한 버튼으로 전달하는값을 받거나 전달할 때 사용하는 마크업 1. 태그 요소의 어원은 앵커(anchor-닻)으로써 문서간의 url을 '연결'하기 위한 버튼이 목적이다. 기본 링크들은 a 요소로 마크업하고, 기능을 구현하기 위해서 (ex. 팝업창 띄우기, 어떤 요소를 숨기거나 보이게 하기 등등) 클릭..

[CSS] 브라우저 기본값 초기화 리셋 reset.css 개념 잡기

리셋(reset) 개념 reset = 재설정 이라는 의미. 모든 브라우저에서 통일된 화면을 볼 수 있도록 기본값을 처음부터 초기화를 시킨다는 의미. 대표적인 브라우저로는 IE(익스플로러), Firefox(파이어폭스), Chrome(크롬), Safari(사파리), Opera(오페라)가 있다. 각 브라우저를 코드 작성에 화면을 띄우게 되면 table / body 등의 태그들의 margin, padding을 적용했을 때 브라우저마다 기본값이 다르기때문에 사용자가 화면을 보았을때 간격들이 브라우저마다 다르게 보이게 된다. 그래서 리셋(reset)을 통해서 모든 브라우저에서 통일된 화면을 볼 수 있도록 margin / padding 등의 값을 기본값으로 초기화를 시킨 후 작성을한다면 어떤 브라우저에서도 동일한 결..

반응형