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 | 29 | 30 | 31 |
Tags
- HTML코드
- maintext
- 공유
- HTML학습
- 부가가치세율
- database
- h1~h6
- rowspan
- TR
- controls
- colspan
- imgtag
- HTML시맨틱
- autoplay
- atag
- 본문태그
- HTML_Semantic
- type
- HTML공유
- 목록태그
- src
- audioTag
- href
- HTML
- videoTag
- headings
- explanation
- 랜덤숫자
- 복합 선택자
- java
Archives
- Today
- Total
목록HTML공유 (2)
MUMYEONG

시맨틱요소 정의 및 사용이유 정의 시맨틱(semantic) 요소란? 그 자체에 의미를 가지고 있는 요소를 말한다. 즉, 요소가 자기 스스로 브라우저와 개발자 모두에게 자신이 사용된 의미를 명확히 전달해 주는 요소를 의미한다. 사용하는 이유 검색엔진최적화(SEO) : 웹사이트는 검색엔진의 노출이 매우 중요하다. 검색엔진이 검색을 수행할때 태그를 분석하는데 시맨틱태그를 사용하여 태그들의 의미가 분명해지면 검색엔진이 쉽게 구별할 수 있을것이다. 유지보수 및 가독성 : 아래의 잘못된 예시처럼 모든 태그들의 로 되어 있을경우 영역파악이 쉽지않다. 그래서 시맨틱태그를 사용하면 다른 작업자에게 코드를 공유해도 쉽게 영역을 파악할 수 있을것이다. 웹 접근성 : 아래의 옳은 예시처럼 시맨틱태그를 사용하여 의미있고 보기좋..
Development/HTML
2022. 3. 9. 15:43

The Web Developer 부트갬프 2022 수업내용 메모 코드1 결과1 코드2 결과2 학습한 태그 제목 및 단락태그 ~ : 제목을 나타날때 사용하며 h1가장 중요한 제목을 의미 : 단락을 지정 : bold체를 지정 목록태그 : 순서있는 목록 : 순서없는 목록 이미지 및 앵커 태그 : 이미지 파일 경로 : 이미지 파일이 없을 경우 표시되는 문장 : 이동하고자하는 파일의 경로 기타태그 : 수평줄 삽입 : 줄바꿈(enter효과) : 위첨자 : 아래첨자
Development/HTML
2022. 3. 9. 15:43