똑같은 삽질은 2번 하지 말자

headに記述する内容、いつも前回のをそのまま使用するのですが、 なんで記述するのか一つ一つ理解していなかったので、まとめました。 対策編 // 対策編 1. IE対策 IE環境でWebページを表示できないことがあります。 IE環境でも常にWebページを表示できるようにするため、 常に標準モード設定に指定するmetaタグを入れます。 このmetaタグはcssやjsファイルが記述されている箇所の前に入れます。 2. レスポンシブ対応 viewportを指定することで、仮想的なウインドウが作成され、デバイスの画面幅に合わせて表示することができる。 3. 電話番号の自動リンク機能を無効化する safariでは、ページ内の電話番号を自動でリンクに変換し、 タップすることを電話でかけることができる機能が用意されています。 この機能だと電話番号に紛らわしいもの(注文番号やIPアドレス)も電話番号だ..

onKeydown(KeyCode 값) : 사용자가 키보드의 키를 눌렀을 때 onKeyup(KeyCode 값) : 사용자가 키보드의 키를 눌렀다가 땠을 때 onKeyPress(ASCII 값) : 사용자가 키보드의 키를 눌렀을 때 이 속성의 내용을 알고있다면 나는 내가 만든 로그인의 기능에서 enter 키를 눌렀을때 바로 login 버튼을 클릭하는것과 같은 동작을 발생시키고 싶어서 밑처럼 만들어 보았다. function enterkey() { if (window.event.keyCode == 13) { // 엔터키가 눌렸을 때 실행할 내용 login(); } } // 패스워드 부분에 focus에 있을시 enter 를 누르면 enterkey() 함수 실행 위 input태그는 focus가 있는 input태그라는..

FORM 태그 form 요소는 폼(FORM)의 범위를 표시한다. 폼은 사용자 입력을 위한 다양한 형식의 컨트롤로 구성되는 영역이며, 이 영역의 시작과 종료 지점은 form 요소에 의해 정의된다. fieldset 요소 fieldset 요소는 관련 있는 컨트롤을 하나의 그룹으로 묶은것을 말한다. legend 요소 fieldset 요소의 제목(legend)을 표시한다. fieldset으로 묶음을 나누었다면 이 묶음의 용도가 무엇인지 알려주기 위한 요소 위 코드처럼 필자는 회원가입 form안에서 필수정보 입력 / 선택정보 입력을 나눠서 받기 위해 fieldset을 이용해 나누어 놓았다.

의 속성중 빠지면 안되는 속성이 두개 있다. src 와 alt 대부분 src는 다들 당연하게 사용하고 있지만 alt 는 종종 빼먹는다. alt는 이미지 파일을 못 불러올 경우를 대비해서 Alternate(대체하다) 라는 의미로 해당 이미지에 대한 정보를 적어주는 역할 여기서 못불러올 경우는 (엑박) 같은 경우이다. *툴팁의 효과를 나타내려면 title 속성을 써먹자