4. HTML: Next Steps & Semantics

남길 것들만 남길 계획이다.

 

32. What Exactly Is HTML5?

 

Living Standard - the HTML standard is a document that describe how HTML should work.

 

Role of Browsers - the standard describees the rules of HTML, but browsers actually have to do the work and implement HTML acording to those rules.

 

HTML5 - HTML5 is the latest evolution of the standard that defines HTML. It includes new elements & features for browsers to implement.

 

 

33. Block vs Inline Elements - Divs and Spans

 

<div>: content division element, block element

 

<span>: generic element, inline element

 

 

35. Entity Codes

 

• Start with an ampersand and end with a semicolon
• Used to display reserved characters, that normally would be invalid
• Also used in place of difficult to type characters
• The browser interprets them and renders the correct character instead

Entity Code - A Clear and Quick Reference to HTML Entities Codes

 

 

37. Playing With Semantic Elements

 

semantic element들이 몇 가지 있다.

 

사용하는 이유는 의미적으로 html 코드?를 분리시켜 보다 이해하기 쉽도록 만들기 위해서다.

 

특정 의미를 가지는 부분을 semantic tag로 감싸주면 된다.

 

semantic하게 code를 구분하였을 때 크롤링하는 것도, code를 관리하는 것도 편할 것이다.

 

구글 검색에서도 똑같은 내용의 페이지더라도 어떤 tag를 썼는지에 따라 우선순위가 변한다는 이야기를 들은 것 같다.

 

페이지를 semantic하게 구분하는 자신만의 기준을 가질수도 있겠지만 같이 일을 한다면 어떤 content에 어떤 semantic tag를 사용할 것인지 협의가 필요할 것 같다.

 

main, nav, section, article, aside, header, footer, time, figcaption, ...

 

class name 같은 것들로 구분해줄수도 있겠지만 보편적인 universal term이 더 좋을 것 같다.

 

근데 강의를 제공하는 플랫폼인 Udemy도 딱히 semantic tag를 쓰지는 않았다..