프론트엔드 개발_HMTL

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

<!DOCTYPE html>

<head>

<title>form 태그

</title>

</head>

<body>

</fieldset>

</from>

</body>

</html>

어떤 필드셋에서 타이틀에 해당하는 부분이 레젠드태그들이되고 인풋을통해 사용자들에게 정보를 받고 버튼을 통해서 where로 정보가 간다는 것입니다.

3. input태그

개발자의 기본덕목(번외)

- 나 보다는 남을 위한 코드를 작성해야합니다.

- 나만 아는 코드로 작성하면 안됩니다.

- 코드 위에 뭐를 위한 코드인지 주석다는 연습하기 (함께일을하는 개발자들을 위한 주석)

다른사람들이 나랑 같이 개발하는걸 꺼려하지않도록 해야합니다.

저작자표시

'언어 > HTML' 카테고리의 다른 글

프론트엔드 개발_HMTL_(3) (0)	2024.06.08
[HTML] 웹 용어, HTML구조, 태그 (1)	2024.05.22
[HTML] 순서유무의 리스트, 테이블, 태그 (0)	2024.05.21
[HTML] 기본용어, 요소, 자동완성,VSCODE사용 (0)	2024.05.21