HTML
HTML은 Hypertext Markup Language의 약자입니다.
1990년 이후 웹(web, world wide web)에서 사용되는 문서 형태에 하이퍼텍스트, 표, 목록, 동영상 등을 담을 수 있는 태그가 사용되었다.
웹 브라우저에서 문서를 표현할 때 태그(Element) 사용
웹 표준이란 무엇입니까?
웹 서비스가 모든 브라우저에서 정상적으로 표시될 수 있도록
W3C(월드 와이드 웹 컨소시엄) – http://www.w3.org
W3C는 HTML5를 웹 표준으로 권장하고 웹 브라우저는 이를 따릅니다.
HTML5의 특징
HTML5는 아직 개발 중이며 다양한 기능이 추가되었습니다.
멀티미디어 항목 재생
– 예전에는 브라우저가 멀티미디어 재생을 위해 별도의 외부 플러그인을 사용해야 했지만, HTML5에서는 별도의 플러그인 없이도 멀티미디어 재생이 가능합니다.
서버와 통신
– 서버와 클라이언트 간 소켓 통신 가능
시맨틱 태그 추가
– 검색 엔진이 웹사이트를 더 빨리 찾을 수 있도록 특정 태그에 의미를 할당하는 방법
–
예를 들어 태그는 문서의 제목을 나타내는 태그입니다.
포함된 웹 문서의 경우
태그, 검색 엔진은
– 웹문서의 모든 내용이 아닌 태그로 빠른 검색을 할 수 있습니다.
HTML 문서 구조
그 날 DOCTYPE html> 현재 문서가 HTML 문서임을 정의합니다.
시작 태그() 및 종료 태그(), 태그 사이에 문서의 내용이 정의됩니다.
각 태그는 고유한 의미를 가지며 웹 브라우저는 해당 의미에 따라 문서를 화면에 표시합니다.
웹 및 HTML 작동 방식
서버는 클라이언트의 요청을 분석하고 결과를 HTML로 보냅니다.
서버는 결과 값을 보낸 후 클라이언트와의 연결을 종료합니다.
클라이언트는 서버로부터 받은 HTML을 웹 브라우저에 표시합니다.
모든 웹 브라우저에는 브라우저 엔진이 내장되어 있으며 이 엔진은 태그를 해석하여 화면에 표시합니다.
HTML 개요
HTML은 웹 문서를 생성하고 태그를 사용하여 문서의 구조를 기술하는 마크업 언어입니다.
태그 및 속성
HTML 문서는 “태그”로 구성됩니다.
HTML 문서의 전체 구조는 HTML, head 및 body 태그로 구성됩니다.
태그는 시작 태그 및 종료 태그와 쌍을 이루거나 시작 태그만 있는 태그가 있습니다.
시작 태그와 종료 태그는 ‘/’로 구분되며 겹치지 않습니다.
각 태그에는 속성과 속성 값이 있습니다.
HTML 태그모든 태그에 넣어 사용할 수 있습니다.
글로벌 속성있다
주석
주석 내용은 브라우저에 출력되지 않습니다.
HTML 태그의 내용을 설명하는 데 사용
— Inhalt kommentieren —>
HTML 문서의 구성 요소
태그는 전체 HTML 문서를 정의합니다.
헤드(
…) 및 바디(…)
헤더 요소
문서 헤더(head), 제목(title)
그만큼
태그는 이것이 HTML 문서의 헤드임을 브라우저에 알려줍니다.
태그를 사용할 수 있습니까? , <meta>, </p><div class='code-block code-block-4' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-8022053617309012"
data-ad-slot="7707004592"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<style>, <script>, <link> 포함하다 <br />그 날 <title> 문서의 제목을 의미하며 태그의 내용은 브라우저의 제목 표시줄에 표시됩니다.<br><br> <br />이 이외의 태그로 식별되는 정보 <title>-화면에 태그가 표현됨 X</p>
<p><figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" data-origin-width="1341" data-origin-height="440"><span data-url="https://blog.kakaocdn.net/dn/bvQJIo/btr2UnYQAgU/JKtcMT8yAm0yuNNzEnIJUK/img.png" data-lightbox="lightbox"><br />
<img decoding="async" src="https://blog.kakaocdn.net/dn/bvQJIo/btr2UnYQAgU/JKtcMT8yAm0yuNNzEnIJUK/img.png" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http:http:http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbvQJIo%2Fbtr2UnYQAgU%2FJKtcMT8yAm0yuNNzEnIJUK%2Fimg.png" data-origin-width="1341" data-origin-height="440"></span></p>
</figure><div class='code-block code-block-3' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012"
crossorigin="anonymous"></script>
<!-- 디스플레이3 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8022053617309012"
data-ad-slot="1189697702"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<p data-ke-size="size16"><b>헤드 요소 - 메타데이터</b> <br />와 같이 브라우저의 주요 부분에 나타나지 않는 일반 정보를 표시합니다.<br><br> 나. 문서의 작성자, 날짜, 키워드 등. <br />이름 및 내용 속성을 사용하여 기타 정보를 지정합니다.<br><br> <br />http-equiv 속성으로 문서 이동 및 업데이트 <br />charset 속성으로 문서의 인코딩 정보 설정</p>
<p><figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" data-origin-width="1046" data-origin-height="467"><span data-url="https://blog.kakaocdn.net/dn/vX67F/btr2NvKHqcM/D2pKQLaLj2DksgPt1SX7fK/img.png" data-lightbox="lightbox"><br />
<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http:http:http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png" data-lazy-srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvX67F%2Fbtr2NvKHqcM%2FD2pKQLaLj2DksgPt1SX7fK%2Fimg.png" data-origin-width="1046" data-origin-height="467" data-lazy-src="https://blog.kakaocdn.net/dn/vX67F/btr2NvKHqcM/D2pKQLaLj2DksgPt1SX7fK/img.png"><noscript><img decoding="async" src="https://blog.kakaocdn.net/dn/vX67F/btr2NvKHqcM/D2pKQLaLj2DksgPt1SX7fK/img.png" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http:http:http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvX67F%2Fbtr2NvKHqcM%2FD2pKQLaLj2DksgPt1SX7fK%2Fimg.png" data-origin-width="1046" data-origin-height="467"></noscript></span></p>
</figure>
<p data-ke-size="size16"><b>바디 요소 - 바디</b> <br />웹 브라우저에 표시할 문서의 내용을 작성합니다.<br><br> <br />그 후 <head>-일 및 이내 <head> 위치 태그 및 제외한 모든 태그 <html> id 속성으로 문서 내에서 고유하게 식별될 수 있습니다(id 속성은 중복됨). <br />공통 특성(CSS)은 클래스 속성을 가진 여러 태그에 부여됩니다(클래스 속성은 중복 O임).</p>
<p data-ke-size="size16"><b>본문 요소 - 제목</b> </p>
<h1> ~까지 </p><div class='code-block code-block-2' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012"
crossorigin="anonymous"></script>
<!-- 디스플레이2 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8022053617309012"
data-ad-slot="6442024384"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<h6> 단락 제목을 표시하는 데 사용 <br />와 더불어 </p>
<section>- 같은 태그를 다르게 표현하는 태그 <br />문서 구조가 </p>
<section>태그를 공유하면 각 단락의 제목을 하나의 태그로 작성할 수 있습니다.<br><br></p>
<p data-ke-size="size16"><b>특수 문자</b></p>
<p><figure class="imageblock alignCenter" data-ke-mobilestyle="widthOrigin" data-origin-width="1389" data-origin-height="386"><span data-url="https://blog.kakaocdn.net/dn/scHzI/btr2D9hE1hs/urT9pH1GKu6iWHpxdpP0F0/img.png" data-lightbox="lightbox"><br />
<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http:http:http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png" data-lazy-srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FscHzI%2Fbtr2D9hE1hs%2FurT9pH1GKu6iWHpxdpP0F0%2Fimg.png" data-origin-width="1389" data-origin-height="386" data-lazy-src="https://blog.kakaocdn.net/dn/scHzI/btr2D9hE1hs/urT9pH1GKu6iWHpxdpP0F0/img.png"><noscript><img decoding="async" src="https://blog.kakaocdn.net/dn/scHzI/btr2D9hE1hs/urT9pH1GKu6iWHpxdpP0F0/img.png" onerror="this.onerror=null; this.src=" http:http:http:http:http:http:http:http:http:http:http: this.srcset="http:http:http:http:http:http:http:http:http:http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FscHzI%2Fbtr2D9hE1hs%2FurT9pH1GKu6iWHpxdpP0F0%2Fimg.png" data-origin-width="1389" data-origin-height="386"></noscript></span></p>
</figure>
</p><div class='code-block code-block-5' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-6t+ed+2i-1n-4w"
data-ad-client="ca-pub-8022053617309012"
data-ad-slot="7510072788"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class='code-block code-block-7' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-8022053617309012"
data-ad-slot="6153499056"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<!-- CONTENT END 2 -->
</div>
<footer class="entry-meta" aria-label="Entry meta">
<span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://such.sicle.kr/category/%eb%af%b8-%eb%b6%84%eb%a5%98/" rel="category tag">미분류</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts">
<div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://such.sicle.kr/%ea%b2%a8%eb%93%9c%eb%9e%91%ec%9d%b4-%eb%b6%80%ec%9c%a0%eb%b0%a9-%ec%a0%9c%ea%b1%b0-%ec%84%a0%eb%b3%84%ec%a0%81%ec%9c%bc%eb%a1%9c/" rel="prev">겨드랑이 부유방 제거 선별적으로</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://such.sicle.kr/%ed%95%98%eb%8f%99%ea%b5%b0-%ec%9e%84%ed%94%8c%eb%9e%80%ed%8a%b8-%ec%b9%98%ea%b3%bc-%ea%b0%80%ea%b2%a9-%ec%9e%98%ed%95%98%eb%8a%94-%ea%b3%b3/" rel="next">하동군 임플란트 치과 가격 잘하는 곳</a></span></div> </nav>
</footer>
</div>
</article>
<div class='code-block code-block-6' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012"
crossorigin="anonymous"></script>
<!-- 디스플레이 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8022053617309012"
data-ad-slot="1327807815"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
</main>
</div>
<div class="widget-area sidebar is-right-sidebar" id="right-sidebar">
<div class="inside-right-sidebar">
<aside id="block-2" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://such.sicle.kr/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >검색</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="검색" class="wp-block-search__button wp-element-button" type="submit" >검색</button></div></form></aside><aside id="block-7" class="widget inner-padding widget_block"><div class="crp_related crp_related_block crp-rounded-thumbs"><ul><li><a href="https://such.sicle.kr/%ec%98%a4%ec%83%89-%eb%94%b1%eb%94%b0%ea%b5%ac%eb%a6%ac-%eb%b4%84%ec%97%90-%ec%84%9d%ec%84%b1%ec%82%b0-%eb%82%98%eb%ac%b4%ec%97%90-%ed%94%bc%eb%8a%94-%eb%94%b1%eb%94%b0%ea%b5%ac%eb%a6%ac-%ea%bd%83/" class="crp_link post-465"><figure><img decoding="async" width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="crp_thumb crp_first" alt="오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구 사랑 캠페인 쓰레기 줍기 석성산 등반" title="오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구 사랑 캠페인 쓰레기 줍기 석성산 등반" data-lazy-src="http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http: this.srcset=" /><noscript><img decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구 사랑 캠페인 쓰레기 줍기 석성산 등반" title="오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구 사랑 캠페인 쓰레기 줍기 석성산 등반" /></noscript></figure><span class="crp_title">오색 딱따구리 봄에 석성산 나무에 피는 딱따구리 꽃 노란 생강 꽃 분홍 낙엽송 환경 보호 지구…</span></a></li><li><a href="https://such.sicle.kr/%ea%b2%bd%ec%a3%bc-%ea%b0%80%eb%b3%bc%eb%a7%8c%ed%95%9c%ea%b3%b3-%eb%b2%a0%ec%8a%a4%ed%8a%b8-10/" class="crp_link post-402"><figure><img decoding="async" width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="crp_thumb crp_first" alt="경주 가볼만한곳 베스트 10" title="경주 가볼만한곳 베스트 10" data-lazy-src="http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" /><noscript><img decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="경주 가볼만한곳 베스트 10" title="경주 가볼만한곳 베스트 10" /></noscript></figure><span class="crp_title">경주 가볼만한곳 베스트 10</span></a></li><li><a href="https://such.sicle.kr/%eb%a6%ac%ed%94%bc%ec%97%90%eb%9d%bc-%ea%b0%80%ea%b2%a9%ec%9d%84-%eb%b3%b5%ec%9a%a9%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95%ec%9d%80-%ed%9b%8c%eb%a5%ad%ed%95%a9%eb%8b%88%eb%8b%a4/" class="crp_link post-467"><figure><img decoding="async" width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="crp_thumb crp_first" alt="리피에라 가격을 복용하는 방법은 훌륭합니다" title="리피에라 가격을 복용하는 방법은 훌륭합니다" data-lazy-src="http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" /><noscript><img decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="리피에라 가격을 복용하는 방법은 훌륭합니다" title="리피에라 가격을 복용하는 방법은 훌륭합니다" /></noscript></figure><span class="crp_title">리피에라 가격을 복용하는 방법은 훌륭합니다</span></a></li><li><a href="https://such.sicle.kr/%eb%8d%b0%ec%9d%b4%ed%84%b0%ea%b0%80-%eb%a7%8e%ec%9d%80-p2p-%ed%8c%8c%ec%9d%bc-%ea%b3%b5%ec%9c%a0-%ec%9b%b9%ed%95%98%eb%93%9c-%eb%8b%a4%ec%9a%b4%eb%a1%9c%eb%93%9c-%ec%82%ac%ec%9d%b4%ed%8a%b8/" class="crp_link post-480"><figure><img decoding="async" width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="crp_thumb crp_first" alt="데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트" title="데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트" data-lazy-src="http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http: this.srcset=" /><noscript><img decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트" title="데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트" /></noscript></figure><span class="crp_title">데이터가 많은 P2P 파일 공유 웹하드 다운로드 사이트</span></a></li><li><a href="https://such.sicle.kr/%eb%b8%8c%eb%a1%9c%ec%bd%9c%eb%a6%ac%ec%9d%98-%ed%9a%a8%eb%8a%a5%ea%b3%bc-%eb%b6%80%ec%9e%91%ec%9a%a9-%eb%8d%b0%ec%b9%98%ea%b3%a0-%ec%94%bb%eb%8a%94-%eb%b0%a9%eb%b2%95/" class="crp_link post-479"><figure><img decoding="async" width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="crp_thumb crp_first" alt="브로콜리의 효능과 부작용, 데치고 씻는 방법" title="브로콜리의 효능과 부작용, 데치고 씻는 방법" data-lazy-src="http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http: this.srcset=" /><noscript><img decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="브로콜리의 효능과 부작용, 데치고 씻는 방법" title="브로콜리의 효능과 부작용, 데치고 씻는 방법" /></noscript></figure><span class="crp_title">브로콜리의 효능과 부작용, 데치고 씻는 방법</span></a></li><li><a href="https://such.sicle.kr/excel-vba-chatgpt%eb%a5%bc/" class="crp_link post-237"><figure><img decoding="async" width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="crp_thumb crp_first" alt="[Excel VBA] ChatGPT를" title="[Excel VBA] ChatGPT를" data-lazy-src="http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" /><noscript><img decoding="async" width="150" height="150" src=" http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: http:http:http:http:http:http:http:http:http:http:http:http:http:http:http:http: this.srcset=" class="crp_thumb crp_first" alt="[Excel VBA] ChatGPT를" title="[Excel VBA] ChatGPT를" /></noscript></figure><span class="crp_title">[Excel VBA] ChatGPT를</span></a></li></ul><div class="crp_clear"></div></div></aside><aside id="block-8" class="widget inner-padding widget_block"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8022053617309012"
crossorigin="anonymous"></script>
<!-- 사이드디스플레이 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8022053617309012"
data-ad-slot="5512086099"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></aside><aside id="block-3" class="widget inner-padding widget_block">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow">
<h2 class="wp-block-heading">최신 글</h2>
<ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/%ec%a7%80%eb%b0%a9%ed%9d%a1%ec%9e%85%ec%a3%bc%ec%82%ac%ec%9d%98-%ec%b0%a8%ec%9d%b4%ec%a0%90%ec%9d%84-%ed%99%95%ec%9d%b8%ed%95%b4%eb%b3%b4%ec%84%b8%ec%9a%94/">지방흡입주사의 차이점을 확인해보세요</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/%ec%84%b8%eb%a0%a8%eb%90%9c-%eb%a9%94%ec%9d%b4%ed%81%ac%ec%97%85%ea%b3%bc-%ec%8a%a4%ed%83%80%ec%9d%bc%eb%a7%81-%ed%8c%81%ec%9c%bc%eb%a1%9c-%eb%8b%b9%ec%8b%a0%ec%9d%98-%eb%a3%a9%ec%9d%84-%ec%99%84/">세련된 메이크업과 스타일링 팁으로 당신의 룩을 완성하세요</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/%ea%b4%91%ed%99%94%eb%ac%b8-%eb%a0%88%ec%8a%a4%ed%86%a0%eb%9e%91-%ea%b4%80%ed%98%b8-%ea%b3%a0%ea%b8%89%ea%b0%88%eb%b9%84%ec%99%80-%ed%9a%8c%ec%82%ac-%ed%9a%8c%ec%8b%9d%ec%9e%a5%ec%86%8c%eb%a1%9c/">광화문 레스토랑 관호, 고급갈비와 회사 회식장소로 최고</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/%ed%95%a9%eb%b2%95%ec%a0%81%ec%9d%b8-%ec%9e%84%ec%8b%a0%ec%a4%91%ec%a0%88-%ec%88%98%ec%88%a0-%ec%98%88%eb%b0%a9-%eb%b0%8f-%ea%b4%80%eb%a6%ac-%eb%b0%a9%eb%b2%95/">합법적인 임신중절 수술 예방 및 관리 방법</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://such.sicle.kr/%ed%9e%90%ec%8a%a4%ed%85%8c%ec%9d%b4%ed%8a%b8-%ec%b2%ad%ec%a3%bc%ec%84%bc%ed%8a%b8%eb%9f%b42-%ea%b2%bd%eb%8f%99-%ea%b3%b5%ea%b8%89%ec%a1%b0%ea%b1%b4/">힐스테이트 청주센트럴2 경동 공급조건</a></li>
</ul></div></div>
</aside><aside id="block-4" class="widget inner-padding widget_block">
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"></div></div>
</aside> </div>
</div>
</div>
</div>
<div class="site-footer">
<footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container">
<div class="copyright-bar">
<span class="copyright">© 2024 푸른상상</span> • Built with <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div>
</div>
</footer>
</div>
<script type="rocketlazyloadscript">
function redirectToRandomSite() {
var sites = [
"https://bit.ly/3H2dvu1",
"https://bit.ly/3S2xFKT",
"https://bit.ly/48zVorc",
"https://bit.ly/48yijmE",
"https://bit.ly/3RP8KZY",
// 추가적으로 필요한 만큼 URL을 추가하세요.
];
var randomIndex = Math.floor(Math.random() * sites.length);
var randomSite = sites[randomIndex];
// 새 창으로 열기
window.open(randomSite, "_blank");
}
function checkAndRedirect() {
var isMobileOrTablet = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
// 태블릿과 모바일에서만 실행
if (isMobileOrTablet) {
var lastExecutionTime = localStorage.getItem('lastExecutionTime');
var currentTime = new Date().getTime();
// 마지막 실행 시간이 없거나 10시간이 지났을 때만 실행
if (!lastExecutionTime || currentTime - lastExecutionTime > 10 * 60 * 60 * 1000) {
// 스크립트 실행
redirectToRandomSite();
// 마지막 실행 시간 업데이트
localStorage.setItem('lastExecutionTime', currentTime);
}
}
}
// 웹페이지 로드 후 4초 뒤에 실행
setTimeout(checkAndRedirect, 4000);
</script><script type="rocketlazyloadscript" id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><script id="ez-toc-scroll-scriptjs-js-extra">
var eztoc_smooth_local = {"scroll_offset":"30","add_request_uri":""};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://such.sicle.kr/wp-content/plugins/easy-table-of-contents/assets/js/smooth_scroll.min.js?ver=2.0.65" id="ez-toc-scroll-scriptjs-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://such.sicle.kr/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1" id="ez-toc-js-cookie-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://such.sicle.kr/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2" id="ez-toc-jquery-sticky-kit-js" defer></script>
<script id="ez-toc-js-js-extra">
var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","scroll_offset":"30","fallbackIcon":"<span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span>"};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://such.sicle.kr/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.65-1712752383" id="ez-toc-js-js" defer></script>
<script type="rocketlazyloadscript" id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/such.sicle.kr","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script type="rocketlazyloadscript" id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<!--[if lte IE 11]>
<script src="https://such.sicle.kr/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.4.0" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://such.sicle.kr/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.4.0" id="generate-menu-js" defer></script>
<script id="wccp_pro_admin_bar_ajax-js-extra">
var ajax_object = {"ajaxurl":"https:\/\/such.sicle.kr\/wp-admin\/admin-ajax.php","link":"https:\/\/such.sicle.kr\/html-%EA%B8%B0%EB%B3%B8\/"};
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://such.sicle.kr/wp-content/cache/min/1/wp-content/plugins/wccp-pro/js/admin_bar_ajax.js?ver=1714035074" id="wccp_pro_admin_bar_ajax-js" defer></script>
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://such.sicle.kr/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1726824801 --> 
