하와이 가는 여정

Semantic은 '의미론적'이라는 뜻을 가진 단어이다. 의미를 가지는 태그로, 나눠진 구획의 기능을 태그 이름만으로도 이해할 수 있다. Semantic의 장점 1. SEO 최적화에 유리. (SEO: Search Engine Optimization) 검색 엔진이 태그의 목적에 부합하게 설계되어있는 구조의 사이트에서 더욱 빨리 효율적으로 정보를 파악할 수 있어 검색 결과의 노출에 유리할 수 있게 해준다. 2. 웹 접근성에 효율적 일반적인 브라우저에서는 차이가 없지만 스크린리더(시각장애인을 위한 웹 서핑 프로그램)과 같은 환경에서는 웹 접근성과 사용성을 향상시켜준다. 3. 유지보수의 용이성 많은 div사용으로 관리가 어려워지는 문제점에서 벗어나 태그의 이름만 보고도 어떤 영역인지 바로 확인이 가능하며 해당 ..

태그 안에는 크게 바로 실행해보면서 배우는 HTML/CSS HTML과 CSS에 대해서 배워봅시다! 태그 - HTML문서에 대한 정보를 담고 있다. - 일반 사용자는 웹 사이트에서 태그에 속한 정보를 볼 수 없다. - 이 태그는 단 하나만 존재할 수 있다. - 태그 바로 아래 위치한다. 태그 - 문서와 관련된 정보를 담는 태그이다. 태그 - 윕 페이지의 제목을 담는 태그. - 브라우저에서 탭의 제목이나 즐겨찾기 했을 때 이름으로 볼 수 있다. 태그 - HTML 문서에서 실제 보여지는 부분 - 단 하나만 존재 태그 - 제목을 표시하는 태그 태그 - 단락을 표시하는 태그, 컨텐츠 중 글, 본문에 해당하는 내용을 포함

국비지원으로 구름(goorm)에서 바로 써먹는 풀스택 기초[자바스크립트]를 배우고 있다. 공부하는 내용을 이렇게 블로그로 포스팅하려고 한다.(나중에 다시 공부하고 싶을 때 볼 수 있도록) HTML(Hypertext Markup Language)은 컨텐츠의 구조를 정의하는 마크업언어이다. 컨텐츠(내용)에 태그(마크)를 씌워 구조를 구분하여 정의한다. 태그+컨텐츠+태그 형식을 요소(Element)라 한다. 바로 실행해보면서 배우는 HTML5/CSS3 제목, 부제목, 내용은 각각 , , 태그를 사용한다. (태그는 대문자로 작성할 수는 있지만, 주로 소문자로 작성하길 권장한다고 한다.) HTML의 요소(Element)가 하나 둘 쌓여 HTML 문서를 이룬다. 하지만 요소만으로는 문서를 완성할 수 없다. 다음 태..