html5에서 b, mark, em, strong의미

b

em이나 strong등으로 강조표시를 하고 가장 최후의 수단으로 사용하는 강조의미

예전에는 bold의 의미로 쓰여서 굵기가 들어가있는 폰트가 나오지만

실제로 굵기 스타일링을 위해 b를 사용하면 안된다.

적합한 태그가 없는 마지막에 사용한다고 한다.

> 그럴꺼면 왜 사용하는건지 아직 이해가 안되는 부분이었는데

생각해보니 코드상에서 <b>로 묶고 style에 bold를 normal로 바꿔준다음에 사용하면

코드상에서 좀 더 정리된 상태를 얻을 수 있겠다.

 

mark

노란색 형광펜으로 칠한다.

단순 스타일링.

 

em

강조표시에 사용한다고 한다.

실제로 정보통신기기에서 구두로 읽을 때 강조되게 나온다고 한다.

em이 강조의 의미니까 style에 bold를 주고 italic을 제거해주는 것을 예시로 배웠다.

font-style: normal;

font-weight: bold;

 

strong

중요함을 나타낸다.

강조와 중요도는 다르다고 한다.

 

em과 strong을 색상을 다르게 해서 사용하거나 em에 bold를 안쓰고 색상만 바꾸거나 해서

강조나 중요도를 다르게 표현할 수 있다.

 

i

기울이는 의미를 가지고 있으나

아이콘에 많이 쓰인다.

 

예를 들어서 font awesome 소스를 불러와서 사용한다고 할 때

아래와 같이 아이콘을 불러올 때 사용한다.

link이용해서 외부소스 불러오고 어떤걸쓸지 모를때는 font awesome사이트가서 검색하면 나온다.

<i class="fas fa-bars"></i>