HTML(39)
-
[HTML] 전역 속성(4) - lang
▶ lang 속성 language의 약어. 요소의 언어(ISO 639-1)를 지정. - ISO 639-1 코드 목록: ko.wikipedia.org/wiki/ISO_639-1_%EC%BD%94%EB%93%9C_%EB%AA%A9%EB%A1%9D 전역 속성이므로 어느 태그에서든 사용할 수는 있지만 대부분의 경우 에 사용. - 에서만 사용 가능한 것도 아닌데 그렇게 하는 이유는 일반적으로 사용되는 사이트들은 설정되는 언어가 하나기 때문. - 최상위 루트에 lang 속성을 지정해 주면 그 내부에서 일일이 지정해 줄 필요가 없기 때문에. 다른 부분에서는 되도록 반복적이게 사용하지 않는 것을 권장함. 다른 언어가 나온다면 해당 언어가 무엇인지 브라우저에 알려 주는 것도 좋은 방법.
2020.08.30 -
[HTML] 전역 속성(3) - title
▶ title 속성 요소의 정보(설명)를 지정. 지정된 설명/정보는 마우스 오버 시 tip으로 표시됨.
2020.08.30 -
[HTML] 전역 속성(2) - style
▶ style 속성 요소에 적용할 CSS를 선언. - CSS의 Inline 작성 방식에 해당. 띄어쓰기를 이용해 선택자라는 개념 없이 CSS를 적용할 수 있는 방식.
2020.08.30 -
[HTML] 전역 속성(1) - id, class
※ 전역 속성(Global Attributes)이란? 모든 HTML 요소에서 공통적으로 사용 가능한 속성을 의미. ▶ class 요소의 별칭을 지정. 공백으로 구분하여 여러 개 부여할 수 있음. CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근. 동일한 명칭이 여러 태그에 여러 번 들어가도 상관 없음. 중복 사용 가능. ▶ id 문서에서 고유한 식별자(idenifier, ID)를 정의. CSS 혹은 JavaScript의 요소 선택기(CSS 선택자나 GetElementsByClassName, QuerySelectorAll 같은)를 통해서 요소를 선택하거나 접근. 고유한 이름을 짓는 ..
2020.08.30 -
[HTML] 양식(8) - progress
▶ 작업 완료의 진행률을 표시. - 로딩바(loading bar)와 유사. 속성 max: 작업의 총량. 완료되었을 때의 값을 의미. - 숫자 값 입력. value: 작업의 진행량. - 숫자 값 입력. - max 속성을 생략할 경우 value 속성의 값은 0~1 사이의 숫자여야 함. - value 속성에 대한 값은 Javascript를 통해 작업하는 편임. 값이 가변하기 때문. - max 속성을 생략 시 value 속성 값은 0~1 사이의 값이어야 함.
2020.08.30 -
[HTML] 양식(7) - select, datalist, optgroup, option
▶ , , , 옵션(, )의 선택 메뉴()나 자동완성()을 제공. - : 사용자에게 선택할 수 있는 옵션 제공. - : 제공된 옵션을 그룹화. - : 제공된 옵션은 셀렉트를 통해 사용자가 선택. - : 자동완성 기능으로써 제공. select { display: inline-block; } datalist { display: none; } optgroup, option { display: block; } ▶ 옵션을 선택하는 메뉴. 속성 autocomplete: 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 설정. - on, off 값. 기본 값: on disabled: 선택 메뉴 자체를 선택할 수 없도록 비활성화. - boolean값. form: 선택 메뉴가 속할 하나 이상의 의 id..
2020.08.30