본문 바로가기

HTML/learned_it_today

2.GoogleSearchResultItem (feat. h1>a, strong, html escape code)

이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다.

출처:edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4

 

김버그의 HTML&CSS는 재밌다 - 구름EDU

HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎

edu.goorm.io

 

 

 

 

📸 Screenshot 


 

 

 

 

 

📝 메모


 

1. 제목이면서 동시에 링크 역할도 한다?

<h1>
	<a href="#" target="_blank">  HTML5 Semantic Elements - W3Schools </a>
 </h1>

 

a>h1도 상관 없겠지만

개인적으로는 h1>a로 하면

' 아 일단 heading인데 링크가 붙어있네~'라고

바로 알 수 있어서 h1>a를 선호

 

 

 

 

2. escpae code 리스트

www.freeformatter.com/html-entities.html

 

Complete list of HTML entities - FreeFormatter.com

HTML Entity List Complete list of HTML entities with their numbers and names. Also included is a full list of ASCII characters that can be represented in HTML (i.e. printable characters). ASCII Characters (Printable) Only printable characters are displayed

www.freeformatter.com

<는 ~보다 작다(less than)의 약자 &lt;

>는 ~보다 크다(greater than)의 약자 &gt;