HTML

태그, 속성값 호환성 체크 웹 사이트

Can I use? https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com

css의 display flex 개념 익히기

부모 요소에 적용하는 속성 display : flex; .container { display: flex;/* 아이템 크기만큼 가로(기본값)로 배치*/ display: block; /* 가로 넓이만큼 세로로 배치*/ display: inline-flex; /*컨테이너가 주변 요소들과 어떻게 어우러질지 결정하는 값 */ } 자식 요소에 적용하는 속성 flex-direction : row (기본값), column , row-reverse , column-reverse row : 가로 방향으로 배치 column : 세로 방향으로 배치 row-reverse : 역순으로 가로 배치 column-reverse : 역순으로 세로 배치 flex-wrap : nowrap(기본값) , wrap nowrap(기본값) : 줄바..

HTML , CSS ( faet. Javascript )

웹 개발은 크게 3가지로 나눌 수 있다. HTML , CSS, JavaScript HTML 은 웹의 뼈대 역할 css 는 만든 뼈대에 디자인을 입히는 역할 JavaScript 는 만든 뼈대가 동작할 수 있도록 만들어주는 역할 HTML은 웹의 뼈대로, 시멘틱 요소를 담고 있는 중요한 역할을 수행한다!! 수많은 정보들이 담겨있는 웹의 바다에서 우리는 원하는 정보를 찾을 때 이 시멘틱 요소가 없다면 모든 웹상의 정보들이 섞여 제대로 된 정보를 찾기 힘들 것이다. 그래서 HTML 의 태그에서 '이름' 을 정해 주며 의미를 부여해 사용자가 원하는 정보를 쉽게 찾을 수 있도록 돕는 것이다. 네이버, 구글 등 모두 고유의 검색엔진을 갖고 있어, 어떤 키워드냐에 따라 상위 노출 결과가 결정될 수 있기 때문에 시멘틱 요..

네이버 선호URL 설정에 필요한 canonical 태

ㅣ 사소하지만 까먹을 것 같아서, 언젠간은 되돌아 보게 될 것 같은 내용 일기. ㅣ 회사 웹사이트를 네이버에 예쁘게 노출 시키기 위해 여러 방면으로 노력을 기울이고 있다. 그런 와중 선호 url 설정이 안되어 있다는 창을 발견 했고, 이 태그를 써서 시도 해 보았다. 그 중 하나, 오늘 새롭게 알게 된 canonical 태그이다. rel="canonical" 또는 rel="alternate" 의 형식으로 쓰이며 태그에 위치한다.이는 검색엔진 최적화에 있어 중요한 역할을 하는데 그 중, 표준 페이지를 설정하는 역할을 한다. 즉 웹 페이지에 여러개의 URL 이 있을 때 로봇(검색엔진)에게 대표URL 이 어떤 것인지 명시해 주는 역할 이다.