웹표준기초 썸네일형 리스트형 [웹공부기초] 메타태그로 내 홈페이지의 정보를 기입하기 잘 된 그리드 디자인이나 깔끔하게 코딩이 되어있는 홈페이지들을 훔쳐보던 중에 위에서부터 읽다보니 사이에 메타 네임(meta name)이 맨 먼저 보인다. 홈페이지에 대한 키워드를 읽어들인다는 역할은 대충 알고 있는데, 다양한 방식으로 쓰이는 것 같아 종류를 찾아보았다. (1) 메타 태그(meta tag)란? -자신의 홈페이지에 관한 정보를 메타태그를 통해 담아놓을 수 있다. 구글이나 검색 사이트에서 정보를 찾아주는 검색 로봇이 이 메타태그를 보고 찾아준단다. 메타태그를 잘 활용하면 내 홈페이지를 방문하는데 수월할 것이란다. 쓰는 방식은 사이에 삽입하면 된다. (2) 메타 태그의 종류 1) 홈페이지,혹은 페이지에 관한 정보를 설명하기 위한 태그 백악관 스크립션을 한번 긁어봤다. "WhiteHouse.gov.. 더보기 [웹공부기초] 웹표준 div와 CSS 살펴보기 웹에 관련된 회사에 다녔을 때 막무가내로 배웠던 HTML의 Table 기술을 탈피하기 위해 웹 표준화를 익히는 포스트를 하고자 합니다. (1) 원인 : 왜 Table을 사용하지 않고, div+css로 하는가? 링크 따라가기 : 레이아웃과 스타일을 따로 분류해서 보기 편하고 유지하기 쉽도록 제작하기 위해서 : 퍼포먼스에서 table보다 훨씬 빠르며, 값싸다 (외국에서는 바이트로 값을 낸다나) div : division - 구역, 구분, 분할 / div로 집의 골조를 만든다 CSS : 스타일 시트 / div로 만든 집에 색을 입히고 가구를 들여놓는다. (2) 스타일 지정방식 : CSS을 div에 첨부하는 방식 (작은범위에서 큰범위순으로) 1. 직접 스타일 지정하는 inline Style방식 - 이건 혼자만 .. 더보기 이전 1 다음