# semanticTag

26개의 포스트
post-thumbnail

Front-end 국비지원 #012일

HTML 구성CSS 구성HTML 구성CSS 구성HTML 구성CSS 구성최대한 중복되는 HTML의 클래스를 이용하여 CSS를 작성한다.onmouse(마우스를 올릴때 바뀌는 이벤트)onmouseover="this.src='경로'" onmouseout="this.src='경

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

Semantic Web, Semantic Tags

사용자가 입력한 검색어가 포함된 문장 및 단락의 의미를 분석하여 검색의 결과물을 보여 주는 웹이다.표현 중심이 아닌 의미 있는 구조의 문서 작성을 위한 요소입니다. HTML5에 도입된 시맨틱 태그를 이용하여 개발자와 브라우저에게 의미있는 태그를 제공합니다.검색 엔진,

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

[HTML] 시맨틱 태그(Semantic Tag)를 사용해야 하는 이유

HTML 코드를 작성할 때 시맨틱 태그를 써야하는 이유에 대해 알아보자

2022년 8월 16일
·
0개의 댓글
·
post-thumbnail

<img>는 어떻게 생겨나게 된 걸까?

웹 페이지에 사진을 넣고 싶으면 img태그 내부의 src 속성에 이미지 소스의 URL을 넣어 구현할 수 있다. 이정도는 html, css를 배운 사람이라면 다들 알고 있을 것이라고 생각한다. 그런데 div태그를 이용하여 사진을 넣을 수 있다는 것은 모르는 사람들도 종종

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

[HTML/CSS] Semantic Web - <img>와 {background-image}의 차이

: 의미의, 의미론적인웹이 발전하면서 수많은 정보가 축적됨에 따라 컴퓨터가 스스로 정보를 해석, 가공할 수 없어 모든 정보를 사용자가 직접 개입해서 처리해야 되는 문제점이 생겼다. 이를 해결하기 위해, 기계가 읽고 처리할 수 있는 Semantic Web이 탄생하였다.✅

2022년 6월 20일
·
0개의 댓글
·

Semantic Web과 Semantic Tag

"의미론적인 웹"으로 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다.\-wiki백과-컴퓨터가 사람을 대신하여 정보를 읽고, 이해하고 가공하여 새로운 정보를 만들어 낼 수 있도록 이해하기 쉬운 의미를 가진 차세대 지능형 웹\-나무위키-아래 설명된 Semantic T

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

시멘틱 태그

Semantic '의미의','어의의','의미론적인'의 뜻을 가진 단어이다.따라서 시멘틱태그는 의미를 가진 태그라고 보면 이해하기 편하다.div 태그의 기능과 마찬가지로 block element이면서 사이트의 구조(레이아웃)을 설계하기 위한 태그.HTML의 구조를 설계하

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

[HTML] Semantic Web/Semantic Tag

기존 html은 웹 문서의 구조를 표현하는 태그가 없어 검색이나 크롤링을 할 때 어려움이 있었다.구조의 표현도 div태그와 같은 non-semantic tag로 표현했기 때문에 소스코드만 보고 전체적인 구조와 그 의미를 파악하기도 어려웠다.Semantic Web은 컴퓨

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

Semantic Web, Semantic tag

시맨틱웹(Semantic Web)은 말그대로 웹사이트가 단순한 코드들의 구성이 아닌, 웹사이트 자체가 의미를 가진다는 뜻이다. 우리가 신문이나 인터넷기사들을 접할때, 우리는 어떤부분이 기사의 제목인지 굳이 누군가 설명해주지 않아도 한눈에 알아볼 수 있다. 또 기사에

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

[html] Semantic Tag 와 Semantic Web

html 태그는 '담고있는 내용에 대한 정보를 표현 하는가'를 기준으로 'Non-semantic'과 'Semantic'으로 구분됨

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

Semantic Web / Semantic Tag

1. Semantic Web Semantic Web이란 무엇인가? 시멘틱

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

html <img> vs css<background-image> 언제 써야 하는가? (feat.Semantic Tag )

Semantic Web & Semantic Tag > 먼저, Semantic이란 사전 그대로 "의미를 가진"이란 뜻을 갖고있다. 따라서 Semantic Tag는 의미를 가진 태그다. 그렇다면 어떻게 의미를 가진다는 걸까?

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

HTML

HTML5에서의 semantic tag는 무의미한 div의 남발을 줄이고 직관적인 의미 파악에 도움을 준다.

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

HTML 시맨틱 태그 (Semantic Tag)

문서 내용에는 영향을 주지 않지만, 문서 구조를 파악하는 데 중요한 역할태그 안 내용(contents)을 파악할 수 있는가?N => non-semantic elements : &lt;div>, &lt;span>, ...Y => semantic elements : &l

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

{HTML / CSS} The difference between img tag and Background-image in css 이미지 태그와 background-image 속성 그리고 Semantic Web과 Semantic Tag

이미지 태그는 웹사이트에서 사람들이 이미지를 프린트 할 수 있도록 하게 해준다 또한 이미지 태그는 이미지가 아주 중요한 Semantic 시멘틱한 의미를 가지고 있을때 해준다 이미지가 사이트내에서 중요한 역할을 하고 컨텐츠로써 중요할때 이미지 태그를 쓴다 Backgro

2021년 8월 4일
·
1개의 댓글
·
post-thumbnail

TIL - 41

Block vs Inline 차이

2021년 6월 19일
·
0개의 댓글
·
post-thumbnail

[HTML, CSS] Semantic Web, Semantic Tag

프로그래밍을 공부하다 보면 semantic한 코드를 작성해야 한다는 내용의 글을 꽤나 자주 볼 수 있다. 그런데 'semantic한 코드'라는 게 대체 무엇일까? semantic의 사전적인 뜻은 '의미의, 의미론적인'이다. 프로그래밍에서 사용하는 semantic의 뜻도

2021년 6월 9일
·
0개의 댓글
·
post-thumbnail

HTML의 기초!

HyperText Markup Language 웹을 이루는 가장 기초적인 구성 요소이다. Hypertext란 웨페이지를 다른 페이지로 연결하는 링크를 말하며 링크는 웹의 근본적인 속성 이다. HTML은 웹 브라우저에 표시되는글, 다양한 컨텐츠를 표시하기 위해

2021년 5월 4일
·
0개의 댓글
·

Semantic Web & Semantic Tag

의미론적 웹

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

[TIL. 17] HTML,CSS,Semantic Tag,Web

Html, Css, Semantic Tag, Semantic Web

2021년 3월 16일
·
0개의 댓글
·