1. HTML 실습 (https://opentutorials.org/course/1688/9345)
1.1 모델링을 HTML로 만들기
1.2 의미론적 웹 (Semantic Web)
- <nav> : 네비게이션 tag로서 특별한 기능이 없음.
- <header> : 웹 페이지의 헤더(간판)를 묶어주는 태그. 특별한 기능이 없음.
- <article> : 내용을 묶어주는 태그. 특별한 기능이 없음.
=> HTML은 의미론적으로 만들기 위해 발전해 왔음. 위의 태그를 사용함으로서 해당 태그의 속해있는 내용이
어떠한 역할을 하는지 컴퓨터도 인식 할 수 있는 역할을 하는것이 위의 태그들임.
1.3 사이트 완성
* 쉬어가기
웹 브라우저 VS 웹서버
(Client Side Tech) (Server Side Tech)
HTML PHP
CSS DB
JavaScript
* Tag를 어떻게 사용하느냐에 따라 검색결과(노출)가 달라짐. 검색엔진은 검색을통해 각 사이트의 내용을 DB에 저장을 해두는데,
검색한 내용이 <h1>태그에 담긴 사이트와 <Strong>이라는 태그에 담긴 사이트가 있다면 컴퓨터는 당연히 제목을 넣는데 주로 사용되는
<h1>태그에 검색어가 담긴 사이트를 사용자가 원하는 사이트라고 생각을 할 것이고(우선순위를 줄 것임) 검색결과에서 앞페이지에 놓여
노출이 많이되고 방문자도 많아질 것.
* 구글 검색엔진 최적화 기본 가이드
* 반복을 통해 실력을 쌓으세요.
* 모두의 딥러닝 : 딥러닝 강의
* InfLearn : 강의 웹사이트
'코딩야학 > HTML' 카테고리의 다른 글
[6일차] CSS 실습 (0) | 2017.06.11 |
---|---|
[5일차] CSS 이론 및 실습 (0) | 2017.06.10 |
[4일차] 개발도구 (0) | 2017.06.10 |
[2일차]~HTML 이론 (0) | 2017.06.08 |
[1일차] 처음부터 서버..까지 (0) | 2017.06.07 |