티스토리 뷰

무니만 '개발'/Front-End

HTML과 Markup Language

무늬개발 2018. 5. 13. 15:41

HTML 이란?

- HyperText Markup Language의 약자 

- 하이퍼링크로 구성된 구조화된 언어, 웹 사이트 컨텐츠를 설명하는데 사용되는 Markup Language(*)

- 확장자는 .html 또는 .htm

- 텍스트 파일(.html 또는 .htm)을 웹 브라우저 화면에 랜더링 해줌으로서, 사용자에게 표현되는 프로세스로 동작(*)

- HTML5 표준 기술 스펙은 w3.org에서 확인 가능하다. ( https://www.w3.org/TR/html )


Markup Language(*) 란?

- 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 종류

- HTML을 놓고 보자면, 비주얼 디자인이 아닌 구조 설계를 위해 사용 (비주얼 디자인은 css, 인터렉션은 js를 통하여 각자의 역할에 맞게 사용)

- Markup Language에 대한 설명은 wikipedia에 요점만 잘 정리되어 있다. ( https://goo.gl/aGPzB3 )

  <html>

    <head></head>

    <body>

       <h1>Head Title</h1>

       <p>Paragraph</p>

    </body>

  </html>


Semantic Markup

- 잘 설명된 사이트 : http://webclub.tistory.com/275

- 결국 검색 엔진 최적화, 접근성, 개발적인 측면을 고려할 때, Semantic Markup을 통하여, 가볍고 구조화를 시켜야 하며, 그 과정에서 css, js는 분리함으로서 유지 보수와 최적화에 초점을 맞춘다는 것이다.


브라우저에서의 동작방식(*)

- 잘 설명된 사이트 : https://d2.naver.com/helloworld/59361


저작자표시 비영리 변경금지

'무니만 '개발' > Front-End' 카테고리의 다른 글

HTML 파일 한글이 깨지는 경우 (HTML 파일 인코딩 설정)  (0) 2018.05.13
Fast Campus, [입문] 프론트엔드 개발 시작하기 CAMP 온라인 과정 시작  (0) 2018.05.10