HTML(2)-태그

HTML에서 보면 태그를 선택하고 하위속성을 선택해야하는 경우가 있다.
예를 들어

고양이 강아지 일때 여기서 나오는 input 속성에는 type과 name, checked라는 하위속성을 사용했다.

오늘은 태그와 하위속성에 관해 적어보겠습니다.

하위속성에는 모든 태그에 사용할 수 있는 전역속성이라는 것이 존재합니다. 우리가 흔히 사용하는 class와 id가 여기에 포함됩니다.

전역속성에는
1. accesskey

2. autocapitalize
   1)off(none)
   2)on(sentences)
   3)words
   4)characters

3.class

4.contenteditable

5.data-*

6.dir

7.draggable

8.hidden

9.id

10.inputmode

11.is

12.itemid

13.itemprop

14.itemref

15.itemscope

16.lang

17.part

18.slot

19.spellcheck

20.style

21.tabindex

22.title

23.translate
에서 몇가지만 살펴보려고 한다.

---

보다시피 두 가지는 왼쪽에 정렬되어 있고, 한가지는 오른쪽에 정렬되어 있다.
dir속성인데,
1번은 dir="auto"이다.
2번은 dir="ltr"이다.
3번은 dir="rtl"이다.
이것은 요소의 쓰기방향을 나타낸다.

---

위에서 첫번째 draggable="false"은 드래그가 불가능하다.
반면에 두번째 draggable="true"은 드래그가 가능하다.

---

위의 글씨가 보이지 않을 것이다. 위에는 hidden속성을 넣었다. div hidden

---

또한 class와 id속성이 있다. 이것은 css와 결합하여 많이 사용된다. 에서 사용된 것은 1,2,3번 줄은 class=red
4번 줄은 id=yellow이다.

---

반면에 색상을 css와 결합하지 않고 사용할 수 있는 방법이 있다. (하지만 권장되지는 않는다.) 이다. style="background-color:yellow";을 넣었다.