본문 바로가기

웹 프론트 엔드

(42)
div, span 그리고 시멘틱 웹 div 태그 : 특정 구역을 묶는 태그 > 순수 컨테이너로서 아무것도 표현하지 않는다. = 의미가 없다 > block 속성 태그이기 때문에, 늘어날 수 있는 너비까지 끝까지 차지한다. span 태그 > div 태그와 비슷하지만 inline 속성을 갖고 있다. 시멘틱 웹 : Sementic Web, 각 부분에 메타데이터를 부여하여 웹 페이지에 의미와 관련성을 부여하는 웹 설계 방식 > 스크린리더로 페이지 탐색 시 의미론적 마크업을 푯말로 사용할 수 있다. > 개발자에게 태그 안에 채워질 데이터 유형을 제안할 수 있다. > 검색엔진과의 상호작용이 수월해진다. > 수많은 div 속에서 찾기보단, 의미가 부여된 시멘틱태그를 찾는 것이 편하다. > 시멘틱 웹에 영향받은 HTML 레이아웃 https://www.w3..
HTML 태그 : 텍스트 1. h1 ~ h6 h1 h2 h3 h4 h5 h6 > 블록 속성으로, 한 줄씩 차지한다. > 제목을 표시하는데 사용한다. 2. p 이것은 p 태그입니다. > 글자를 표시하는 데 사용 > 블록 속성으로, 한줄을 차지한다. 3. pre A_____A | o o |---------┐WWWW ┘ ~~~~~~~~~~~~~~~~~~~~~~~~~ > 태그 내 공백, 줄바꿈 등의 값을 모두 반영한다 4. b, br, i, mark b태그는 볼드 처리를 하는데 사용되고, strong 태그 또한 마찬가지입니다. br태그는 줄을 바꾸는 데 사용하고, i 태그와 em 태그는 이탤릭체, 즉 문자를 기울이는 데사용되며 mark 태그는강조 하는데 사용합니다. - b, strong : bold체, 사용하면 태그 내 텍스..