[HTML] 내가 몰랐던 HTML 기초 상식 pt.1

1. viewport

뷰포트는 현재 화면에 보여지고 있는 영역이다.

 

<meta name="viewport" content="width=device-width, initial-scale=1.0">

> 뷰포트의 너비를 단말기 너비에 맞추고 초기 배율을 1로 한다.

 

참고 강의: https://www.youtube.com/watch?v=EdFV38Bxm3Y&list=PLFeNz2ojQZjtQc7mt8E9fNzIh9or34A61&index=18&ab_channel=%EC%9C%A0%EB%85%B8%EC%BD%94%EB%94%A9 

2. vh

vh는 viewport height의 약자이다. vw는 viewport width이다. 뷰포트의 따라서 비율 값으로 정하는 것이다. 만약 기기 높이 750px이면 1vh는 7.5px이다.

 

3. form-action

form 속성에서 action이 있다. action에는 url 값이 들어가는데 form에서 작성된 데이터를 서버로 보낼 때 해당 데이터가 도착할 url을 쓴다.

 

4. input-placeholder

placeholder는 기본값이다. 이메일 적는 란에 이메일을 적어주세요라고 반투명한 글씨가 종종 있는 걸 볼 수 있는데 바로 그거를 작성하는 것이다.

 

5. input-type

type 중에서 text같은 것은 직관적으로 이해되는데 password 같은 것은 일반적인 말이라서 굳이 왜 적나 생각이 들었다. 하지만 여기에 효과가 있었다. 비번을 타입으로 명시하면 별표로 표시된다. 이 외에도 타입에 따라 추가할 수 있는 속성의 종류가 다르다. number를 타입으로 할 경우 최소값, 최대값 등의 추가 속성을 작성할 수 있다.

 

오늘은 딱히 많이 공부하지 못했던 것 같다. 내일은 더 열심히 달려봐야지!