티스토리

잡동구리들
검색하기

블로그 홈

잡동구리들

quark21.tistory.com/m

Just Do it.

구독자
2
방명록 방문하기
공지 Just do it. And keep⋯ 모두보기

주요 글 목록

  • [HTML/CSS]inline, block, inline-block 개념 비교 display CSS의 display 속성은 웹페이지를 어떻게 사용자에게 보여줄지를 결정한다. 주요 속성값으로 inline, block, inline-block, none 이 있다. 1. inline width와 height을 지정할 수 없고, 오직 내용(contents)만 포함하는 개념이다. 줄 바꿈이 일어나지 않는다. 대표적으로 span, b, a tag 등이 있다. 2. block 가로 크기만큼의 영역을 모두 차지하고, 줄 바꿈이 일어난다. width와 height의 크기를 지정할 수 있다. 대표적으로 div, p, h tag 등이 있다. 3. inline-block inline과 block의 속성을 가지고 있다. 줄 바꿈이 일어나지 않지만, width와 height 크기 조절이 가능하다. 4. C.. 공감수 0 댓글수 0 2021. 11. 17.
  • [HTML/CSS]Semantic Web과 Semantic Tag 이해하기 Semantic Web(a.k.a Web 3.0)이란?? W3C(World Wide Web Consortium)에서 제정한 World Wide Web의 확장판. Semantic Web의 목적은 웹의 각종 정보들에 의미를 가지게 하기 위함이다. 여기서 의미를 가진다라고 함은 메타데이터(metadata)를 뜻한다. 메타데이터가 되기 위해서는 semantic tag가 필요하다. Semantic Tag란? 검색 엔진에 노출되기 위해서는 검색 키워드에 대응하는 인덱스가 존재해야하는데, 이러한 인덱스를 수집하는 기준이 바로 HTML의 semantic tag들이다. HTML의 수많은 tag들중, img, header, main, body, footer 등이 바로 semantic tag들이다. 사이트에 이미지를 넣는 .. 공감수 0 댓글수 0 2021. 11. 16.
  • [HTML/CSS]script 태그의 위치에 따른 차이점 script 태그란? // script 태그가 body 태그의 하단에 위치 html이 모두 준비가 된 후에 javascript를 실행한다. 사용자가 기본적인 html 컨텐츠를 빨리 볼 수 있는 장점이 있지만, 해당 웹사이트가 javascript에 의존적이라면 의미 있는 웹페이지를 보기까지 시간이 오래 걸린다. 3. script 태그가 head 태그 안에 있지만, async 속성 값을 사용한 경우 async 속성을 사용할 경우, 위 사진과 같이 html 파싱과 javascript 다운로드를 병렬로 수행한다. 다만 javascript 다운로드가 완료되면 html 파싱을 중지하고, 다운로드된 javascript 파일을 먼저 수행한 후, 나머지 html을 파싱한다. 병렬로 진행되기 때문에 웹사이트를 불러오는 속.. 공감수 0 댓글수 0 2021. 11. 11.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.