noreferrer, noopener, nofollow는 HTML에서 사용되는 rel 속성이며, a태그의 targe=_blank속성의 보안 취약점을 보완하기 위한 속성이다. 1. noreferrer noreferre속성을 사용하면 링크를 클릭한 사용자의 웹 브라우저가 HTTP Referer 헤더를 전송하지 않는다. (HTTP Referer 헤더는 현재 페이지가 어떤 페이지에서 링크를 클릭했는지를 나타내는 정보를 포함) 이 속성을 사용하면, 링크를 클릭한 사용자가 이전 페이지의 URL을 알 수 없게 된다. noreferre은 아래 살펴볼 noopener의 기능에 http referer 헤더를 전송하지 않는 기능이 추가된 것이다. 2. noopener noopener 속성을 사용하면 링크를 클릭한 사용자의 ..
웹 표준이란? 월드 와이드 웹의 콘텐츠에 대한 규약이나 규칙으로, 웹 페이지를 만들 때 지켜야 하는 규칙 웹표준은 W3C에서 제정하고 html, css, javascript와 같은 웹에서 사용되는 기술의 표준을 제시한다. 웹 표준을 준수한다는 것은 올바른 html, css, javascript를 페이지가 가지고 있다는 것을 의미 웹 표준를 지키면 얻을 수 있는 효과 1. 웹 페이지의 접근성을 개선한다. 다양한 브라우저에서 동일한 콘텐츠를 보여줄 수 있음 고령자, 장애인을 포함한 다양한 사용자층이 웹페이지를 탐색하기 용이함 2. 개발자 측면에서 유지보수가 용이하다. 3. SEO에 도움을 준다. HTML 시맨틱 태그란? html 문서의 구조와 의미를 구체적으로 설명하기 위해 HTML5에서 추가된 태그 대표적..
1. Margin 마진을 한번에 입력할 때 순서 margin: top right bottom left; margin: top-bottom right-left; 2. 상대경로 입력 . 현재 파일이 위치한 경로 (현재 파일은 ./생략가능) .. 이전경로 or 상위경로 3. float (clear: both;) 가려져서 안보일땐 clear: both;를 입력하자 왜 써야하는가? float는 속성이 상속되어 다음 요소에게 영향을 준다. 다음 요소가 이전 요소를 밀고 올라오는데 그때 clear: both; 를 쓰면 이러한 현상을 막을 수 있다. 4. html로 할 수 있는 간단한 유효성 검사 대부분의 유효성 검사는 js로 진행하지만 html에서 간단하게 처리할 수도 있다. required 빈칸 체크, minlen..