일상에서 개발하기

- data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserData()과 같은 다른 조작을 하지 않고도, 의미론적 표준 HTML 요소에 추가 정보를 저장할 수 있도록 해준다. - 어느 요소에나 data- 로 시작하는 속성은 무엇이든 사용할 수 있다. - 화면에 안 보이게 글이나 추가 정보를 요소에 담아 놓을 수 있다. 참고 : https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes

- 태그 안에 여러 가지 속성이 삽입 돼 있는 것을 볼 수 있다. Google => a 태그 안의 "href", "title", "target" 등이 속성이다. - 태그 안에는 여러 속성을 설정할 수 있다. 1. - style 속성은 요소에 적용할 스타일(CSS)을 지정한다. Test => body 태그에 style 속성을 설정하여 body 태그 안의 문자 색상을 "red"로 설정했다. 2. - class 속성은 요소를 지칭하는 중복 가능한 이름을 설정한다. => class 이름을 "c1"으로 설정함. 3. - id 속성은 요소를 지칭하는 고유한 이름을 설정한다. => id를 "i1"로 설정함.

- HTML 문서 안에서 범위를 지정하여 주석 처리할 수 있다. - 다음과 같은 기호를 사용하여 주석 처리할 수 있다. - 주석 처리 하면 해당 내용은 브라우저에 나타나지 않는다. 테스트테스트

- 사용자가 데이터를 입력하는 요소 - 인라인-블록 요소 => 사용자가 입력할 수 있다. - 여러 가지 type이 존재

- Break - 줄바꿈 태그 - 인라인 요소 - 문서 안의 줄을 바꾸어 주는 역할. span 태그 테스트 span 태그 테스트2 => 줄을 바꾸어 출력함.

- span - 특별한 의미가 없는 구분을 위한 요소. - 인라인 요소 span 태그 테스트 * span 태그와 p 태그의 차이 - span 태그는 인라인 요소로, span 태그를 연속으로 입력해 봤을 때 p 태그와 차이점을 확인할 수 있다. span 태그 테스트 span 태그 테스트2 p 태그 테스트 p 태그 테스트 => span 태그는 한 줄에 이어서 출력되지만 p 태그는 줄바꿈이 일어난 후 출력된다.