Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- CSS
- Collection
- java기초
- emmet
- 데이터베이스연동
- html
- list
- MySQL
- 오버라이딩
- javascript
- object
- Git이해하기
- Eclipse
- jdbc
- 컬렉션프레임워크
- 버튼페이지이동
- arraylist
- java입문
- cmd
- js
- 점프 투 파이썬
- 이클립스
- 기본코드
- 필드
- Git알아보기
- 맨땅에 해딩
- java
- 배열
- 파일이동버튼
- form
Archives
- Today
- Total
목록시맨틱요소 (1)
단단히
Semantic(시맨틱) 요소
HTML 코드를 작성하다 보면 각 요소에 맞는 CSS를 넣기 위해서 묶어주게 되는데, 이때 div요소를 많이 사용하게 된다. 많이 사용해도 상관은 없지만 혼동이 발생될 수 있다. 가령 , 와 같이 사용하면, div가 많이 사용돼서 나중에는 짝을 찾느라 많은 시간을 소요하게 된다. 그래서 추가된 요소, 시맨틱 요소( , .. )이다. /*시맨틱 요소를 사용하지 않고 div요소를 적용했을 때 코드이다.*/ /*semantic 요소를 적용했을 때*/ 이처럼 시맨틱 요소를 사용하면 와 같은 주석을 달지 않아도 된다. 혼동되는 것을 줄여준다. 이때 필요한 요소를 작업자가 임의 선정하여 적용하면 된다. 즉, div와 semantic요소를 적정하게 혼용하여 사용한다. [semantic 요소를 적용한 코드] Welco..
HTML,CSS/개념 정리
2022. 7. 27. 12:15