본문 바로가기

Web/HTML + CSS2

Semantic Tag가 SEO에 어떤 영향을 줄까? # SEO(Search Engine Otimization) : 검색엔진최적화, 특정 검색어를 검색 했을 때 상단에 위치하게 하기 위해선? 검색엔진최적화 과정이 필요하다. 검색엔진은 검색결과를 낼 때, HTML에 담긴 태그를 분석한다. 특수하게 명명된 컨테이너는 검색 엔진 및 브라우저가 페이지 정렬 방식을 보다 쉽게 식별하는데 도움이 된다. = 컨텐츠를 보다 잘 해석 할 수 있다. semantic HTML은 웹 페이지의 다른 섹션과 레이아웃을 더 잘 정의해서 어떤 종류의 컨텐츠를 포함하고 있는지 알려주는 특정 역할을 한다. HTML을 보다 이해하기 쉽게 만드는 구문을 말한다. 콘텐츠가 있는 곳에 검색엔진을 표시하는 것이 중요한 이유는 기계는 의미를 가진 태그를 보고 추측을 한다. 💡semantic 태그는 .. 2020. 4. 27.
html과 css :: Box Model | position | 색상코드표현 | background-image | table | float | input&textarea Box Model box는 content, padding, border, margin으로 이뤄져있다. content : 내가 작성한 요소 (기본) padding : border을 기준으로 안쪽 여백 border : 테두리라고 생각하면 되며 content영역에 따라 | content + padding 의 크기에 따라 크기가 달라진다. margin : border을 기준으로 바깥쪽 여백 margin과 padding 값지정 4개의 값 지정 : 상 우 하 좌 3개의 값 지정 : 상 우좌 하 2개의 값 지정 : 상하 우좌 1개의 값 지정 : 상우하좌 margin: 10px auto; 첫번째는 위 아래의 margin이며 두번째는 왼,오른쪽의 마진이다. List 태그 과 이 존재한다. ul은 리스트 앞에 ⚫️이 붙어.. 2020. 4. 21.