# aside

9개의 포스트
post-thumbnail

semantic image‏‎ ‎semantic image‏‏‎ ‎semantic image‏‏‎ ‎semantic image‏‏‎ ‎semantic imagesemantic image‏‏‎ ‎semantic imagesemantic image‏‏‎ ‎semantic

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

🧙🏼 HTML 구조를 나타내는 요소

: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함): 본질적으로 아무것도 나타내지 않음 : 인라인 컨테이너 : 인라인 레벨 요소 : 본질적으로 아무것도 나타내지 않음 : 어떤 특성의 값을 서로 공유하는

2022년 3월 31일
·
0개의 댓글
·

HTML 의미론

HTML 문서의 작성 의도를 사용자에게 정확하고 다채롭게 전달하기 위해 HTML 의미론 알아두기

2022년 3월 18일
·
0개의 댓글
·

시맨틱 웹/태그

'semantic'이란 의미론적인 뜻을 가지며 마크업은 HTML문서 태그로 문서를 작성하는 것을 말한다.검색 엔진은 시맨틱 마크업을 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주하여 SEO(Search Engine Optimize)에 영향을준다

2022년 2월 5일
·
0개의 댓글
·
post-thumbnail

[TIL] CSS) position : fixed 후 화면 전체 채우기, JS) await 변수 할당, map method를 이용하여 객체 부분 수정하기

출처 : 20 mini projects )section DOM Array Methods | forEach, map, filter, sort, reduce section Menu Slider & Modal | DOM & CSS\-Brad Traversy사이드 바 만들 때

2022년 1월 15일
·
0개의 댓글
·
post-thumbnail

버튼 정렬은 aside 태그를 생성해서 정렬!

단순히 body 안에 버튼들을 생성하고 style에를 입력하면 버튼들은 위에 고정되지만(fixed) 버튼들끼리 서로 겹쳐있는 상태를 볼 수 있다.그러나,body 안에 aside 태그를 생성하고 그 안에 button들을 집어넣은 뒤 style에를 입력하면 생성된 버튼들이

2021년 10월 26일
·
0개의 댓글
·
post-thumbnail

[TIL-html] Semantic HTML-2

note: HTML문서 내 여러 header 요소를 가질 순 있지만 header안에 footer나 address, 또 다른 header를 넣을 수는 없는 것으로 보인다. 쉽게 HTML(header1, header2, section, footer..)이런식의 구조는 괜찮

2021년 3월 10일
·
0개의 댓글
·
post-thumbnail

HTML | Semantic Web, Semantic Tags + <img>, <background-image>

Semantic Web 의미: 의미론적인 웹 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’ 을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 Semantic Tags Sementic Web을 구현하기 위한 의미를 가진 태그들

2020년 12월 14일
·
0개의 댓글
·

HTML SementicTag 종류

Sementic 태그 레이아웃만을 위해 사용되는 태그이다. 태그자체에는 큰 의미가있지는 않다. 기능은 DIV하고 같다. header태그 (sementic 태그1) 보통 위에 어느페이지에서나 보여줘야할 부분 ex)로고 같은데에서 사용한다. nav태그 (sementic 태그2) 쉽게 생각하면 네비바라고 생각하면 된다. aside태그 (sementic ...

2019년 12월 8일
·
0개의 댓글
·