1. semantic
시멘틱 태그(Semaintic tag)
-의미가 있는 태그들로, html 문서 내의 가독성 개선과
외부검색엔진(SEO)에도 내 문서내의 어떤 부분이 메인인지 보여줄 수 있도록 최적화 시켜줄 수 있는 부분을 담당한다.
또한 개발자의 유지보수 및 웹페이지를 시각적이 아니라,
음성으로 읽어주는 '스크린리더'를 이용하거나 웹 접근성에 유용하다.
시멘틱 태그의 종류
-header : 상단, 헤더를 의미한다.-nav : 메뉴, 네비게이션을 의미한다.
-section : 여러 중심 내용을 감싸는 공간을 의미한다
-main : 내용의 중심을 의미한다.
-article : 글자가 많이 들어간 부분을 의미한다.
-aside : 사이드에 위치하는 공간을 의미한다.
-footer: 하단, 푸터를 의미한다
2. form태그 (정말 많이 쓰여서 중요,imput도)
- 폼은 사용자가 웹사이트에 데이터를 전송해주기 하며 이 밖에 웹페이지가 입력 데이터를 사용하기 위하여 사용할 수도 있다.
1.속성(Attribute)이란?
- 태그에 추가로 정보를 제공하고나 태그의 동작이나 표현을 제어할 수 있도록 지정해주는 설정값을 의미한다.
2. 속성의 사용 방법
- 속성명 = "속성값"
▶ 어떤 속성명에 어떤 속성값을 넣을지 라는뜻입니다
▶ "" , '' 이런 표기 오류를 조심해야합니다.
3. 표기법(case)
하나의 규칙이라서 표기법을 꼭 지켜야합니다.
- 카멜 표기법
▶ click To Increase
다음 글자로 넘어가는 것은 대문자로 사용하지만 맨 앞글자는 소문자로 사용해준다
사용처 : java, JavaScript 언어
이런 울퉁불퉁한 모습이 낙타와 닮았다고 해서 카멜표기법입니다.
- 케밥 표기법 (css는 이 표기법을 사용합니다.)
단어 하나하나 사이사이에 작대기를 넣어서 케밥 표시법이라고 합니다.
사용처 : html
▶click-to-increase
- 파스칼 표기법
맨 앞글자부터 대문자로 쓰는 방법
즉 소문자로 시작하면 카멜 대문자로 시작하면 파스칼
▶Click To Increase
사용처 : -ava에서는 클래스명, 함수명을 표기할 때 사용된다.
-Python에서 클래스명을 표기할 때 사용된다.
- 스이크 표기법
click_to_increse
사용처 : Python
어떤 필드셋에서 타이틀에 해당하는 부분이 레젠드태그들이되고 인풋을통해 사용자들에게 정보를 받고 버튼을 통해서 where로 정보가 간다는 것입니다.
3. input태그
개발자의 기본덕목(번외)
- 나 보다는 남을 위한 코드를 작성해야합니다.
- 나만 아는 코드로 작성하면 안됩니다.
- 코드 위에 뭐를 위한 코드인지 주석다는 연습하기 (함께일을하는 개발자들을 위한 주석)
다른사람들이 나랑 같이 개발하는걸 꺼려하지않도록 해야합니다.
'언어 > HTML' 카테고리의 다른 글
| [HTML] 웹 용어, HTML구조, 태그 (1) | 2024.05.22 |
|---|---|
| [HTML] 순서유무의 리스트, 테이블, 태그 (0) | 2024.05.21 |
| [HTML] 기본용어, 요소, 자동완성,VSCODE사용 (0) | 2024.05.21 |
