# section

27개의 포스트
post-thumbnail

시맨틱 태그 구조

Why semantic? | section과 article의 차이점 | section보다 article을 사용해야한다?

2023년 5월 14일
·
0개의 댓글
·
post-thumbnail

Semantic web, Semantic tag

Semantic web : 기존 웹을 확장하여 컴퓨터가 잘 이해할 수 있는 의미를 기반으로                      의미적 상호운용성을 실현, 다양한 정보들을 컴퓨터 스스로 처리, 자동화,                       재활용 등을 할 수 있도록

2023년 4월 11일
·
0개의 댓글
·
post-thumbnail

HTML - Semantic Web

HTML 문서를 작성할 때 시맨틱하게 혹은 시맨틱한 코드를 작성하라는 말을 많이 듣는데 이게 도대체 무엇을 의미하는 걸까요?🤔

2023년 3월 28일
·
0개의 댓글
·
post-thumbnail

TIL) 0325 재현쌤의 HTML, CSS 특강

독립적으로 존재할 수 있는 구획, 다른 페이지에서 느닷없이 나와도 괜찮다.네이버 페이지를 예로 들자면, 메인 페이지가 아닌 다른 페이지에 있어도 이상하지 않은 것 (보통 위젯 같은 것을 만들 때 article로 만든다. 날씨 위젯, 다크모드로 보기 위젯 등) 연

2023년 3월 26일
·
0개의 댓글
·
post-thumbnail

HTML 기본 01

문서 내비게이션 역할을 하는 요소로, 일반적으로 웹 페이지 상단에 위치하여 사용자가 사이트 내에서 필요한 정보를 쉽게 찾을 수 있도록 합니다. ex 웹 사이트의 메뉴 부분 독립적인 콘텐츠 블록을 나타내며, 뉴스 기사, 블로그 게시물 등과 같이 하나의 주제에 대한

2023년 3월 25일
·
0개의 댓글
·

[9] 03/24 자바스크립트 수업

머리, 옆구리, 네비게이션, 발바닥, 등 이름만 가지고 어느 역할을 하며, 웹에서 어느 위치에 있는 태그인지 쉽게 파악 가능.시맨틱 태그는 기능은x. div와 동일한 역할.태그에 의미가 있기 때문에, 검색을 할 때 자료를 쉽게 찾게 해주거나 시각장애인에게 도움을 주기도

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

[TIL] Semantic Tag : Section VS Article

시맨틱 태그를 사용하다가 <section>과 <article>를 사용하던 도중 <section>안에 <article>을 넣어도 되는가? <article>안에 <section>을 넣어도 되는가? 에 대한 궁금증이 생겨 그에 대한 정보를 찾

2022년 10월 6일
·
0개의 댓글
·
post-thumbnail

콘텐츠 모델, 왜 중요한데?

🚩 시맨틱 마크업을 위한 가이드, 콘텐츠 모델!

2022년 7월 12일
·
0개의 댓글
·

[HTML5] 섹션 관련 요소

section : 장,절nav : 내비게이션article : 독립된콘텐츠,배포aside : 관련이적은콘텐츠h1~h6 : 제목태그hgroup : 제목그룹header : 페이지의머리글,섹션의머리글footer : 페이지의바닥글,섹션의바닥글address : 연락처정보새로 추가

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

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

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

[HTML] Content categories (컨텐츠 카테고리) / Sections

Content categories (컨텐츠 카테고리) > HTML5 이전에는 HTML 태그 요소를 inline(인라인) 요소와 block(블록) 요소를 구분하는 정도로만 분류했었다. > HTML5 이후부터는 요소별로 공통 특성을 공유하는 것끼리 그룹화하여 카테고리를

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

<fieldset>은 <form>안의 <section>?

` 태그를 쓸 때 `를 쓰면서 처음으로 비호감인 태그라고 생각했다(미안ㅠ) 꼭 같이 써줘야 하는 예쁘지도 않아 다 숨겨버려야 하는 `` 태그가 왜 있는지도 의문이었다 (fieldset 안에서 header태그를 쓰면 되는 거 아닌가?!) 그래도 알아보자! `` 필드셋 태그는 label들을 묶어줄 때 사용한다. form 내부에 어떤 기준으로 label들이...

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

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

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

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

Kernel Section

커널 링킹 타임에 발생하는 에러에러로그.init.text 섹션(\_\_init) 의 함수는 임시로 사용되고 해제 된다. 부팅시 한번 호출된다. 따라서 일반 .text 섹션의 함수가 .init 섹션의 코드나 데이터를 접근할때 링킹 에러가 발생한다. 가령 위의 예에서 c

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

HTML 의미론

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

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

<section>, <article>, <div> 용도에 맞게 사용하기!

섹션 구분을 조금 더 의미 있게 div가 아닌 section 혹은 article을 사용할 수 있다. `` HTML `` tag는 플로우 컨텐츠를 위한 통용 컨테이너다. CSS로 꾸미기 전에는 컨텐츠나 레이아웃에 어떤 영향도 주지 않는다. `` 요소는 "순수" 컨테이너로서 아무것도 표현하지 않는다. 대신 다른 요소 여럿을 묶어 class, id 속성으로...

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

시맨틱 웹/태그

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

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

과제 리뷰_11/3

🚩11/3 오늘은 어제의 과제 리뷰로 시작했다. 실제로 있는 홈페이지라서 이론상의 내용과는 조금 달랐지만, 구체적으로 구현된 모습을 볼 수 있어서 좋았다. (물론, github에 올린 코드에서는 내용을 다지웠다!) 링크텍스트 중요한 리뷰 h1 태그는 문서에 한개

2021년 11월 3일
·
1개의 댓글
·
post-thumbnail

Code States Section 2 2번째 회고

세션2 HA2 합격 이후 세션2 파트에 대한 아쉬움과 부족함을 느껴 자진 기수이동을 신청하여, 2번째 세션2를 듣게 되었다.2번을 봐도 역시나 알고리즘은 어렵다. 자료구조 응용 등등 문제를 보고, 이 문제를 해석하는데 시간도 많이 쓰고, 이걸 어떤 개념을 써야하고, 어

2021년 8월 21일
·
0개의 댓글
·

HTML section 태그

HTML 문서에 포함된 독립적인 섹션(section)을 정의할 때 사용유지보수를 생각하면 div보단 section 태그가 낫다. 들여쓰기 같은 느낌.보통 제목 요소(h1~h6)를 자식 요소로 포함하고 있는 경우가 많다section 태그를 쓰는 이유 : 제목을 달때 넘버

2021년 7월 22일
·
0개의 댓글
·