class, name, id, placeholder

혼동되는 개념 정리

class

class 그룹으로 묶어서 스타일을 지정할 때 쓰는 이름 (표기방식은 .이름)

ID, CLASS 이름은 자유롭게 지으면 되지만 숫자로 시작 불가

전역특성은 공백으로 구분한 요소 클래스의 목록

대소문자를 구분하지 않음

클래스는 CSS나 JavaScript에서 클래스 선택자로 접근 가능

사용예	<head> <style type="text/css"> .test { color:yellow; background-color:red; padding:20px; } </style> </head>

헤드 테그 사이에 style 태그를 이용하여 css 파일에서 다음과 같이 해당 클래스들에 대해서 수정이 가능하고, 클래스가 적용된 모든 태그의 스타일을 한꺼번에 변경할 수 있어 편리하다.

핵심은 편리성과 용량 줄이기 가능하다는 것.

name	form 컨트롤 요소의 값(value)을 서버로 전송하기 위해 필요한 속성 폼 전송 이벤트 발생 시, 서버로 데이터를 전송하기 위한 식별자

id	element를 식별하기 위해 사용 중복된 값이 올 수 없음

placeholder

만약 기본값이 아니라, 무엇을 입력해야 하는지 안내하는 문구를 넣고 싶다면 placeholder를 사용

화면 상에는 그 문자열이 보이지만, 버튼을 클릭했을 때 아무 값도 전송되지 않음

예시

'🗝️소프트웨어 > 🐬HTML & CSS' 카테고리의 다른 글

html 주석 처리 (0)	2021.09.20
html 태그 기본 정리 2 (0)	2021.09.20
html 태그 기본 정리 1 (0)	2021.09.20
[html] form 기초 기본 2. table 태그 (0)	2021.09.03
form 기초 기본 1. form태그 (0)	2021.09.03

혼동되는 개념 정리

'🗝️소프트웨어 > 🐬HTML & CSS' 카테고리의 다른 글

티스토리툴바