CSS | id, class, name 속성의 차이 id class name 하나의 요소만 가능 (페이지 유일) 여러 요소 적용 가능 여러 요소 적용 가능 CSS에서 식별자로 사용 가능 CSS에서 식별자로 사용 가능 CSS에서 사용 불가 - - submit 전송시 사용 jQuery: $(“#아이디”) jQuery: $(“.클래스명”) jQuery: $(“input[name=이름]“) 개발_웹/HTML, CSS 2017.08.30
CSS | visibility:hidden, display:none 차이점 display:none = 유령 해당 Tag와 그 내부의 모든 Tag의 내용을 없애버린다. 해당 Tag가 점유하고 있던 block을 아예 없애고, 화면 상엔 원래 없었던 것처럼 나타나게 된다 visibility:hidden = 투명인간 해당 Tag와 그 내부의 모든 Tag의 내용을 숨겨버린다. 이는 없애는 게 아니라 보이지만 않게 하는 터라 해당 Tag가 점유하고 있던 공간은 공란으로 나타나게 된다 개발_웹/HTML, CSS 2017.07.19
HTML | HTML5, XHTML 한글 깨짐 문제 / 인코딩 설정 HTML의 인코딩 방식 때문에 한글이 깨질 때가 있다. 이는 브라우저에서 인식하는 인코딩 방식과 html 파일의 인코딩 방식이 달라 생기는 문제인데 둘 다 하나의 인코딩 방식으로 통일해 주면 된다. 먼저 html 파일의 인코딩 방식 설정은 에디터(개발툴, IDE) 설정에서 가능하다. 브라우저의 인코딩 방식 설정은 웹사이트에서 인코딩 관련 태그를 전송 해 주는 방법이 있다. UTF-8 인코딩 방식을 많이 사용하므로 예를 들어보면 XHTML의 경우 아래 코드를 태그 안에 삽입한다. HTML5의 경우 아래 코드를 태그 안에 삽입한다. 개발_웹/HTML, CSS 2017.07.19