HTML6 class 속성의 작명법_ BEM BEM (Block Element Modifier) ▶요소__일부분 (a__b) underscore(lodash)로 요소의 일부분이라는것을 나타내줌 ex) ↓ ▶요소--상태 (a--b) hyphen(dash)로 요소의 상태를 나타냄 ex) ↓ 2022. 6. 3. 아이콘 넣기 _ Google material icons https://material.io/develop/web/getting-started Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io 1. 아래코드를 사이에 입력 2. 원하는 아이콘 선택 https://fonts.google.com/icons?selected=Material+Icons 3. 제공되는 아이콘 코드를 원하는 위치에 입력 4. 끝!! 2022. 5. 30. Meta tag / Twitter Card (웹페이지가 공유될때 나타나는 정보) Meta Tag 웹페이지가 소셜 미디어(페이스북 등)로 공유될 때 우선적으로 활용되는 정보를 지정 og:type: 페이지의 유형(E.g, website, video.movie) og:site_name: 속한 사이트의 이름 og:title: 페이지의 이름(제목) og:description: 페이지의 간단한 설명 og:image: 페이지의 대표 이미지 주소(URL) og:url: 페이지 주소(URL) Twitter Cards 웹페이지가 소셜 미디어(트위터)로 공유될 때 우선적으로 활용되는 정보를 지정 twitter:card: 페이지(카드)의 유형(E.g. summary, player) twitter:site: 속한 사이트의 이름 twitter:title: 페이지의 이름(제목) twitter:descripti.. 2022. 5. 30. link 속성 rel = 가져올 문서와의 관계 href = 가져올 문서의 경로 대부분은 다 CSS 파일을 가져올때 사용 2022. 5. 27. 이전 1 2 다음
