html 5

on~ 속성 (onclick 등)

태그 on~ 속성 HTML 태그에는 onclick 속성 뿐만 아니라 onmouseover 등 다양한 속성이 존재한다.이들은 각각 클릭 됬을때, 마우스가 객체 위에 올라 왔을 때 속성값에 있는 JavaScript를 실행 시켜 준다.또한, 이처럼 태그등에 특정한 일이 있어 났을 때의 상황을 이벤트라 한다.이때, 실행할 함수의 인자에 this 를 넣으면 본인 자신을 인자로 전달하게 된다. 사용법Section ex) Mouse Over it.! 태그 onclick 속성 HTML태그에는 onclick 속성이 있는데 이 속성 안에는 JavaScript 문법을 쓸 수 있다.이 속성은 이 태그 안의 문법은 태그를 클릭 했을 때 실행된다. 사용법BUTTON ex) Click

카테고리 없음 2017.07.19

CSS | visibility:hidden, display:none 차이점

display:none = 유령 해당 Tag와 그 내부의 모든 Tag의 내용을 없애버린다. 해당 Tag가 점유하고 있던 block을 아예 없애고, 화면 상엔 원래 없었던 것처럼 나타나게 된다 visibility:hidden = 투명인간 해당 Tag와 그 내부의 모든 Tag의 내용을 숨겨버린다. 이는 없애는 게 아니라 보이지만 않게 하는 터라 해당 Tag가 점유하고 있던 공간은 공란으로 나타나게 된다

HTML | HTML5, XHTML 한글 깨짐 문제 / 인코딩 설정

HTML의 인코딩 방식 때문에 한글이 깨질 때가 있다. 이는 브라우저에서 인식하는 인코딩 방식과 html 파일의 인코딩 방식이 달라 생기는 문제인데 둘 다 하나의 인코딩 방식으로 통일해 주면 된다. 먼저 html 파일의 인코딩 방식 설정은 에디터(개발툴, IDE) 설정에서 가능하다. 브라우저의 인코딩 방식 설정은 웹사이트에서 인코딩 관련 태그를 전송 해 주는 방법이 있다. UTF-8 인코딩 방식을 많이 사용하므로 예를 들어보면 XHTML의 경우 아래 코드를 태그 안에 삽입한다. HTML5의 경우 아래 코드를 태그 안에 삽입한다.