# semantic tag

38개의 포스트

html semantic tag 공부

@ 공부하다가 자주 까먹는 semantic tag를 정리하기 위한 공간입니다 😊(작성중)

4일 전
·
0개의 댓글
post-thumbnail

<img> 태그 vs. <div> 에 background-image 추가

Semantic tag 인 사용하여 html에 직접 이미지를 삽입하는 경우 컴퓨터가 이미지에 대해 인식하게하며 페이지에서 전달하려는 정보가 이미지와 유사할 경우 검색 노출 등에 유리함. 반대로 해당 웹페이지와 무관하며 단순 배경만을 위한 경우 background-im

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[HTML]semantic web, semantic tag 왜 그렇게 중요할까?

semantic web, semantic tag 왜 그렇게 중요할까?

2021년 2월 16일
·
0개의 댓글
post-thumbnail

HTML, CSS | Semantic Tags

시맨틱(semantic) 태그로 들어가기 전에 시맨틱의 뜻부터 알고 가자. 사전적 의미론 "의미의, 의미론적인"이다. 뜻에서 보듯 의미에 초점이 맞춰져 있다고 볼 수 있다.시맨틱 태그는 개발자, 브라우저에게 정확한 의미를 전달하는 태그이다.시맨틱 태그가 아닌 div와

2021년 2월 16일
·
0개의 댓글
post-thumbnail

[html/css]Semantic , Tag, text style

body태그는 head태그 다음에 위치한다. body태그는 화면에 보여질 태그들이 위치한다.a태그는 href=""를 사용해 링크를 걸때 사용한다.target 속성에 "\_blank" 값은 클릭하면 새창으로 뜨게 해준다.텍스트 문단을 넣을때 사용하는 태그다. p태그는 사

2021년 2월 15일
·
0개의 댓글
post-thumbnail

Semantic

웹이나 태그가 그 자체로 정보를 가지며 다른 정보들과의 관계를 보여준다.예를들어,위의 3줄 텍스트는 컴퓨터에게 hierachy가 없는 평등한 위치에서의 텍스트로 읽힌다. 하지만라고 작성을하게되면 컴퓨터에게 h1 > h2 > h3 으로 중요도가 다르게 읽히고, 검색엔진의

2021년 1월 11일
·
0개의 댓글

TIL - 20 Semantic Web 과 Semantic Tag

검색엔진은 로봇이라는 프로그램을 이용해, 매일 전세계의 웹사이트를 수집하는 크롤링을 실시하고 그 정보를 인터넷 이용자가 알기 쉽도록 인덱싱을 실시한는데 그때 컴퓨터가 읽는 정보가 시멘틱요소이다. 다시 말해 시멘틱요소를 사용해 잘 만들어 놓은 웹페이지 일 수록 콘텐츠의

2021년 1월 11일
·
0개의 댓글

Semantic Web

\-문서의 의미에 맞게, 컴퓨터가 이해할 수 있는 웹을 말한다. 사람이 읽고 해석하기에 편리하게 설계하는 것이 아닌 컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현한 웹이다. 웹의 창시자인 팀버너스리가 1998년 제안, 현재는 W3C에 의해 표준화 작업이 진행

2020년 12월 16일
·
0개의 댓글
post-thumbnail

[TIL] Semantic Web? Semantic Tag?

의미론적인 웹이라는 뜻으로, 단순한 코드로 구현된 사이트가 아닌 '의미'와 '관련성'으로 이루어진 사이트이다. HTML5 이전에 코드에는 id나 class를 이용해서 레이아웃을 나누고 스타일을 정했지만 HTML5 Semantic Web에서는 더 짧고 의미있게 표현 할

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

[TIL] Semantic WEB & Tag - 2020.12.14

시멘틱요소(Semantic elements) = 의미를 가진 요소(elements with a meaning.)개발자와 브라우저에게 명확히 해당 의미를 설명해주는 요소를 시멘틱 요소라고 해요. 시멘틱 아닌 것들 : div, span 태그들시멘틱 요소 : form, ta

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

Semantic Tag는 SEO에 영향을 미칠까?

대부분의 사람들이 자신이 만든 웹에 방문자가 많길 원할 것이다.많은 방문자를 모으려면 접근하기 쉬워야 할 것이고,따라서 검색을 했을 때 위에 표시될 수록 많은 사용자가 몰릴 것이다.검색엔진에 검색이 잘 되도록 할 때 필요한 것이 SEO이다.SEO란 검색엔진 최적화(se

2020년 12월 4일
·
10개의 댓글
post-thumbnail

[TIL] Semantic Web과 Semantic Tag 한번에 이해하기!

알고보면 간단한 시맨틱 웹과 시맨틱 태그 한번에 이해하기 👻웹 기술의 발전에 따라 많은 수 많은 정보들이 웹상에 쌓이게 되었는데, 컴퓨터가 그 정보들을 보다 쉽게, 의미있는 해석할 수 있도록하기 위해 시맨틱 웹(Semantic Web)과 시맨틱 태그(Semantic

2020년 11월 27일
·
0개의 댓글
post-thumbnail

Westagram 중 중간 점검

사실 로그인 페이지 완성 후에 블로그를 작성하고자 했으나... 첫 날부터 배운 바가 너무나 많았기에 블로깅 하지 않고 넘어갈 수가 없었다.오늘 진행 내용을 일단 정리해보자 : login.html의 레이아웃 완성 / css 속성 부여( 주로 div들의 자리 조정에 거의

2020년 11월 25일
·
1개의 댓글
post-thumbnail

TIL 4 | HTML & CSS (4)

HTML & CSS (4) - Semantic web & semantic tag, Weegle 검색창 만들기

2020년 11월 19일
·
0개의 댓글
post-thumbnail

[TIL] Semantic Web과 Semantic Tag 한번에 이해하기!

알고보면 간단한 시맨틱 웹과 시맨틱 태그 한번에 이해하기 👻웹 기술의 발전에 따라 많은 수 많은 정보들이 웹상에 쌓이게 되었는데, 컴퓨터가 그 정보들을 보다 쉽게, 의미있는 해석할 수 있도록하기 위해 시맨틱 웹(Semantic Web)과 시맨틱 태그(Semantic

2020년 11월 17일
·
0개의 댓글
post-thumbnail

11.17 TIL

&lt;img alt="HTML" src=이미지 주소>alt: 이미지가 뜨지 않았을 때(서버에서 이미지가 삭제됐거나 잘못된 이미지 주소일 때..) 이미지 대신 보여줄 텍스트 src: 이미지 파일 경로 or 이미지 url 주소\-width로 이미지 원하는

2020년 11월 17일
·
0개의 댓글

Semantic Web & Semantic Tag

Semantic Web, Semantic Tag 를 검색해보기 전에 먼저 Semantic 이라는 단어에 대해 알아보자semantic: 의미의, 의미론적인(출처: 네이버 사전)semantic 이라는 단어의 뜻을 통해 해석해보자면, 위 단어들은 '의미론적인 웹', '의미론

2020년 11월 17일
·
0개의 댓글
post-thumbnail

TIL. [HTML&CSS] Semantic web과 Semantic tag (feat. <img> vs <div>)

시맨틱 웹의 근본적인 필요성은 컴퓨터에게 웹 상의 정보를 쉽게 이해시키는 점에 있다. 단순히 웹 상에서 축적된 정보로만 남았던 웹페이지들을 ‘의미’와 ‘관련성’으로서 연관 지으면서 인간과 컴퓨터 모두 잘 이해할 수 있는 웹으로 만들고자 함에 있다. 그 과정에서 웹 페이

2020년 11월 16일
·
0개의 댓글

[Web] Semantic Web / Semantic Tag 뜻

Semantic이란 의미론적이라는 뜻입니다. 웹의 각 요소가 어떤 역할을 하고 있는지 의미가 명확히 전달된다면 그것이 바로 Semantic Web이고, HTML의 태그의 명칭을 봤을 때 해당 태그가 어떤 의미를 가지는지 명확히 전달이 된다면 Semantic Tag입니다

2020년 11월 16일
·
0개의 댓글
post-thumbnail

Semantic Web

웹에 존재하는 수많은 정보, 데이터에 관해 명확한 의미를 담아서 필요한 정보들만 빠르고 쉽게 사용 할 수 있도록 만들어진 차세대 지능형 웹이다.데이터에 대한 정보 또는 의미가 담겨있어 검색엔진(SEO)의 기능을 더욱 좋게해준다.기존 월드 와이드 웹(www)의 확장에 대

2020년 10월 21일
·
0개의 댓글