Html

thymeleaf

Thymeleaf 서버에서 view를 구성할 때 사용하는 라이브러리 태그 형식의 문법을 사용하며 vue와 유사하다. 기본 문법 thymeleaf 공식 튜토리얼 에서 기본적인 문법을 확인할 수 있다. 태그 안에 th:속성="값" 형태의 속성을 추가하는 형태로 사용한다. text <span th:text="${text}">default text</span>: 서버에서 ’text’라는 이름으로 정의한 태그가 있으면 text를 표시한다. text변수가 없으면 <span>default text</span>를 표시한다. utext <span th:utext="${utext}">default text</span>: ’text’ 이름으로 정의한 텍스트를 ‘span’ 태그에 넣어 표시한다. ’text’변수가 없으면 ‘default text’를 표시한다. fragment <div th:fragment="name">: ’name’ 이라는 이름으로 fragment를 생성한다. fragment는 th:replace, th:copy 를 사용해서 재활용 가능하다. copy <div th:copy="this::name">: 현재 파일의 ’name’ fragment를 ‘div’태그로 표현한다. ’this’ 대신 파일 이름을 사용하면 다른 파일의 fragment를 사용 가능하다. replace <div th:replace="this::name">: 현재 파일의 ’name’ fragment로 대체한다.(태그도 바뀐다.) ’this’ 대신 파일 이름을 사용하면 다른 파일의 fragment를 사용가능하다.

HTML W3C에서 HTML 규칙을 규정, 웹 브라우저 제작사들이 이를 참조하여 브라우저를 만든다. 태그 element라고 칭하기도 한다. 부모 자식 관계가 존재 <TAG_NAME> 로 시작하고 </TAG_NAME>로 끝냄 태그별로 검색 엔진에서 노출되는 중요도가 다르다. 태그의 종류에 따라 줄 전체를 사용하거나(block level element), 내용의 크기 만큼의 공간만 사용하는 태그(lnline element)들이 있다. html : body와 head를 통틀어 묶은 최 고위 태그 관용적으로 <!doctype html> 을 붙여 쓴다. body : 본문을 묶는 태그 head : 본문을 설명하는 태그 속성(attribute) <TAG_NAME ATTRIBUTE> 와 같은 형태로 태그 이름 뒤에 붙음 body 속성 strong : 굵은 글씨 ...

Markdown Syntax Guide

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme. ...