웹 개발/HTML & CSS 2

[HTML] 시맨틱 태그의 장점과 태그별 사용 방법

포스팅 목적 시맨틱 태그의 장점과 태그를 언제 사용해야할지 알아봅니다. 시맨틱 태그란? 시멘틱 태그란 “의미가 있는 태그” 라는 뜻입니다. CSS 스타일링을 변화시켜서 특정 요소처럼 보이게 할 수도 있지만 시멘틱 태그를 사용하여 의미가 있는 요소로 인지할 수 있도록 명시해줍니다. 시멘틱 태그의 장점 검색엔진 최적화 ( SEO ) : 검색 엔진에서 제목, 부제목 등의 키워드를 잘 인지할 수 있습니다. 웹 접근성 ( Accessibility ) : 페이지를 스크린리더나 키보드로만 접근하는 경우에도 편리하게 사용이 가능합니다. 유지 보수성 ( Maintainability ) : 태그가 무슨 역할을 하는지 알려주어 가독성이 높습니다. 시멘틱 태그를 사용하는 방법 위에 기술한 것과 같이 시멘틱 태그를 사용할 때 ..

HTML 관련 알아야할 내용 (면접 질문) 정리하기

포스팅 목적 HTML 과 관련된 면접 질문들을 알아보고 이해한 만큼의 답안을 작성합니다. 계속해서 업데이트 됩니다. 질문 목록 HTML 버전을 확인하는 방법 / DOCTYPE 의 역할 더보기 한줄 요약 일 경우 HTML5 이며 HTML 을 랜더링하는 방식을 지정하기 위해 사용합니다. 내용 doctype 은 html 문서의 형식을 구분하여 어떻게 랜더링을 할지 명시하기 위해 사용합니다. 표준이 제정되기 이전에 개발된 오래된 웹 페이지들도 랜더링이 필요합니다. HTML4, XHTML 등을 지원하는 호환 모드 (quirks mode) 와 HTML5 를 지원하는 표준 모드 (standard mode) 가 있습니다. 으로 사용할 경우 표준모드의 HTML5 로 랜더링 됩니다. 참고 자료 호환 모드와 표준 모드 [H..