반응형 웹표준3 [HTML5]html lang ="ko" 작성하는 이유 html5 코드를 작성할 때 처음에 항상 쓰는 부분입니다. 다음에 을 써도 되지만 굳이 html lang ="ko"를 썼는데요, 여기서 html lang ="ko"는 무슨 의미이고 왜 쓰는건지 알려드리겠습니다. - html lang ="ko" 작성하는 이유 - html5로 웹페이지를 만들려면 웹표준에 맞추어 웹 접근성을 높여야 합니다. 우리는 그냥 시각적으로 페이지를 볼 수 있지만, 시각 장애인은 페이지에 나오는 글의 내용을 보기 힘듭니다. 그래서 이런 시각 장애인분들도 페이지의 내용을 알 수 있도록 스크린리더나 점자정보단말기, 모바일의 VoiceOver, TalkBack 등 보조 수단을 통해 내용을 이해할 수 있게 해 주어야 하는데요, html lang ="ko" 이 그러한 역활을 해줍니다. html .. 2021. 10. 24. HTML5 기초-시맨틱 태그 사용하는 이유 & 종류 시맨틱 태그를 사용하는 이유는 세가지 정도가 있습니다. 첫번째는 웹 브라우저가 HTML의 소스 코드만 보고도 어느 부분이 제목인지, 어느부분이 메뉴이고 본문인지를 쉽게 알 수 있기 때문입니다. 그래서 글을 소리로 알려주는 기계(스크린 리더기 등)를 사용하는 시각장애인이 사이트의 구조를 소리로 구분할 수 있게 해줍니다. 두번째는 검색 엔진이 검색을 수행할 때에는 HTML 내에 있는 태그를 분석하는데, 태그들의 의미가 분명하다면 검색 엔진 입장에서 구분하기가 쉬워지기 때문입니다.(description, keywords, author, subject, classification 등의 정보를 표기할 수 있으며, 검색 엔진은 이런 정보를 적극적으로 활용합니다.) 세번째는 코드 가독성 및 유지보수가 쉬워지기.. 2021. 9. 26. HTML5 기초 -HTML5의 기본 구조 안녕하세요 웹 표준인 HTML5의 기본적인 구조에 대해 알아보겠습니다. 위에 태그들이 html5의 기본적인 구성인데요, 인터넷에 실행시키면 아래와 같이 결과가 나옵니다. 그럼 하나하나 의미를 한번 알아보겠습니다. 모든 HTML5 문서에 써야 되는 태그입니다. DOCTYPE 선언은 html태그를 쓰기 앞서 선언되어야 합니다. html 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문으로 대,소문자를 구분하지 않습니다. html 문서의 시작을 선언하는 태그 html 뒤의 lang="ko"의 의미 : lang 설정과 접속자 브라우저의 언어 설정이 다른 경우, 자동번역 인터페이스 뜨게 설정. 한국어 : ko 영어 : en 중국어 : zh 일본어 : ja 독일어 : de 프랑스어 : fe 스페인어 .. 2021. 9. 25. 이전 1 다음 반응형
