망각에 재주 있는 나를 위해 기록하는 곳.

https://blog.naver.com/wook2124/221945093099 태그를 여러 개를 써야 하는데 하나하나 반복적으로 쓰기 귀찮을 때 한 번에 쓰는 법. 1) 한 가지 태그 반복 위와 같이 태그*숫자를 입력하면 그 숫자만큼 태그가 생성된다. 2) 하위 태그 태그1>태그2>태그3, >는 하위태그를 만드는 기호. 3) 같은 레벨 다른 태그 나열 태그1*숫자+태그2*숫자, +는 같은 레벨 4) 클래스 붙이기 태그.클래스이름*숫자, .을 붙이면 클래스까지 만든다. 5) 클래스 번호 증가 태그.클래스이름$*숫자, $은 만드는 개수만큼 숫자가 증가한다. 6) 내용삽입 태그1>태그2{태그2내용$}*숫자, { }가 내용을 넣는 기호. 위의 것들을 잘 조합해서 쓰면 편하다. 위처럼 한 줄로 쓰면 아래처럼 하..

시맨틱 태그(semantic tag) : 의미를 가지고 있는 태그. 시맨틱 태그를 사용함으로써 각 태그가 담고 있는 내용을 명확하게 해 준다. 그 요소들로 header, nav, aside, article, section, footer가 있다. 이것들을 그림으로 표현하면 이런 형태로 만들 수 있다. 이 외에도 위치는 필요에 따라 변경이 가능하다. 이 태그들을 보면 대략적으로 어떤 내용이거나 목적을 알 수 있다. header는 제목의 같은 느낌이다. 사이트 메인의 이름, 로고가 될 수도 있고 article 내의 제목이 될 수도 있다. 소개나 내비게이션 기능의 묶음을 나타낸다. nav는 방금 위에 말한 내비게이션(navigation) 역할을 하는 태그이다. 사이트 내에서 다른 페이지로 링크되어 있는 경우다...

: 주석(comment) 소스의 설명이나 이해를 돕기 위해 삽입한다. 물론 브라우저에 나타나지 않는다. : 다른 페이지를 연결할 때 쓰는 하이퍼링크를 정의한다. href는 이 태그의 가장 중요한 속성이다. 구글로 페이지 이동 : 문단을 정의하는 태그. 문단과 문단 사이에 약간의 공백이 들어가 문단의 구분을 확실히 지어줌. Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni eveniet deleniti consectetur aut nisi harum praesentium dolorum ullam at, eos, ducimus et. Sit asperiores, consequuntur totam quod perferendis rerum moles..