[Chp.1.2]교육공학자 에듀테커 프론트엔드 부트캠프 HTML spec, EntityCode, 시멘틱마크업출처

 

https://html.spec.whatwg.org/

​

https://entitycode.com/#featured-content

 

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

featured common currency math direction misc about character entity name entity number description why is this featured? © © © copyright almost every website uses the copyright symbol | | vertical bar the vertical bar symbol is used to separate menu items or navigation links · &middot...

entitycode.com

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

HTML elements reference - HTML: HyperText Markup Language | MDN

This page lists all the HTML elements, which are created using tags.

developer.mozilla.org

https://www.w3schools.com/html/html_symbols.asp

 

HTML Symbols

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

https://www.w3schools.com/html/default.asp

 

HTML Tutorial

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

​

시멘틱 마크업

머릿말에는 <header> , 네비게이션 역할을 하는 부분에는 <nav>, 웹사이트의 주요 내용을 담고 있는 영역에는 <main>, 구분되는 영역에는 <section>, 페이지의 하단에는 <footer>

​

시멘틱 마크업을 하는 이유는 다양한 이유가 있겠지만 특히 검색 엔진 최적화, 웹접근성, 가독성에 장점

​

​

​

<참조>

https://velog.io/@huurray/HTML-%EC%8B%9C%EB%A9%98%ED%8B%B1-%EB%A7%88%ED%81%AC%EC%97%85%EC%9D%B4-%EC%A4%91%EC%9A%94%ED%95%9C-%EC%9D%B4%EC%9C%A0

HTML Semantic Markup이 중요한 이유

HTML(Hyper Text Markup Language)은 웹페이지의 뼈대를 만들고 레이아웃을 구성한다. 또한 HTML은 뼈대의 역할 말고도 '의미'를 나타내는 역할을 담당하고 있기 때문에 의미있는 요소(태그)로 작성하는 것은 아주 중요하다.

velog.io

​