7. HTML Style Tag (in head)

Style Tag

 

Style Tag는 CSS 를 html 내부에서 직접 구현 가능캐 하는 tag이다.

 

Style tag에는 type이라는 속성을 추가할 수 있다.

Style tag 안에 어떤 타입의 내용을 작성할 것인가를 명시하는 것이다.

그것이 text이고 css이다.

 

 

 

---

 

 

 

 

그런데 우리는 왜 계속 명시해 줬지 않았는가?

 

HTML5 부터는 style tag type 부분은 자동으로 명시가 되어있다.

Default value에 해당한다.

 

 

Style tag의 경우 body tag에서 사용해도 같은 결과물을 얻을 수 있다.

하지만, HTML이 브라우저에서 동작하는 프로세스애 대해서 효율적인 방식은 아니다.

작성이 가능하고 오류는 없지만 head tag에 선언하기를 권장한다.

 

 

 

 

---

 

 

 

 

Style Tag MDN

 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/style

 

 

 

 

---

 

 

 

Metadata contents: 정보를 나타내는 태그

 

 

Default value 로 text/css 가 들어가서 작성하지 않아도 됐던 것이다.

 

 

 

---

 

 

Attribute

 

 

attribute의 경우 다음과 같이 존재한다. 하지만 다 알 필요는 없다.

 

Media의 경우 css로 처리가능

scoped는 페이지 하단에 브라우저 호환성의 문제가 존재한다.

Title 는 지금 알 필요는 없다. 전역속성에 관한 내용이다. 모든 태그에 작성할 수 있는 속성을 전역 속성이라 한다.

 

이런 식으로 MDN의 자료를 위 아래 전체적으로 살펴 보아야 한다.