전역 HTML 속성. 전역 속성. 작은따옴표 또는 큰따옴표

텍스트의 방향과 표시를 왼쪽에서 오른쪽으로 또는 오른쪽에서 왼쪽으로 설정합니다. 브라우저는 일반적으로 텍스트가 유니코드인 경우 텍스트 방향을 구별하지만 dir 속성을 사용하여 텍스트를 표시할 방향을 지정할 수 있습니다. 아랍어 및 히브리어 문자의 경우 유니코드 방향이 우선하므로 dir 속성은 영향을 미치지 않습니다.

드래그 가능

추가 조작을 위해 요소를 끌 수 있습니다.

드롭존

드래그되는 요소로 무엇을 할지 지정합니다.

보기에서 요소의 내용을 숨깁니다. 이러한 요소는 페이지에 표시되지 않지만 스크립트를 통해 액세스할 수 있습니다.

스타일을 변경하고 스크립트를 통해 액세스하는 데 사용되는 요소의 고유 이름인 식별자를 설정합니다. 문서 코드의 식별자는 단일 사본에 있어야 합니다. 즉, 한 번만 나타나야 합니다.

itemid, itemprop, itemref, itemscope, itemtype

마이크로데이터와 함께 작동하도록 설계된 속성 그룹입니다.

문서의 텍스트는 한 언어로 입력되거나 다른 언어의 삽입물을 포함할 수 있으며, 이는 텍스트 서식 규칙이 다를 수 있습니다. 예를 들어 러시아어, 독일어 및 영어에는 인용을 취하는 인용 부호가 다릅니다. 현재 요소 내부의 텍스트를 작성하고 lang 속성이 적용되는 언어를 지정합니다. 브라우저는 해당 값을 사용하여 특정 문자를 올바르게 표시합니다.

텍스트의 철자와 문법이 올바른지 여부를 확인하도록 브라우저에 지시합니다. 거의 모든 요소에 속성을 설정할 수 있지만 그 효과는 양식 필드( , ) 및 편집 가능한 요소(contenteditable 속성이 설정되어 있음).</p> <h3></h3> <p>CSS 규칙을 사용하여 요소의 스타일을 지정하는 데 사용됩니다.</p> <h3></h3> <p>tabindex 속성은 Tab 키를 사용하여 요소 간을 탐색할 때 포커스가 수신되는 순서를 설정합니다. 더 작은 값에서 더 큰 값으로 전환이 발생합니다(예: 1에서 2로, 그런 다음 3으로 계속). 이 경우 엄격한 순서는 중요하지 않으며 일부 숫자를 건너뛰고 임의의 숫자에서 시작할 수 있습니다. 요소의 tabindex 값이 동일하면 코드에 나타나는 순서가 고려됩니다.</p> <h3></h3> <p>요소 위로 마우스를 가져갈 때 나타나는 텍스트 도구 설명을 만듭니다. 이러한 도구 설명의 모양은 브라우저 및 운영 체제 설정에 따라 다르며 HTML 코드나 스타일을 사용하여 변경할 수 없습니다.</p> <p>우리는 이미 그것을 알아냈습니다. 콘텐츠가 있다는 것을 알았습니다. 그러나 그것이 전부는 아닙니다. 태그에는 기능을 향상시키는 속성도 있으며, 속성에는 값도 있습니다. 도움을 받으면 요소에 대한 매개변수를 설정하고 디자인 스타일을 결정할 수 있습니다. 예를 들어 태그를 사용하면</p> <p>단락을 표시했습니다. 그런데 오른쪽으로 정렬하려면 어떻게 해야 할까요? 이렇게 하려면 해당 값을 가진 특정 속성이 필요합니다. 일부 태그에는 쌍이 없는 것처럼 일부 속성은 값 없이 사용될 수 있습니다.</p> <h2>속성을 작성하는 방법은 무엇입니까?</h2> <p>속성은 예약어(태그와 유사하며 꺾쇠 괄호가 없음)이지만 의미는 다를 수 있습니다. 태그와 마찬가지로 브라우저는 일반적으로 신경 쓰지 않지만 값이 포함된 속성을 소문자로 작성하는 것이 좋습니다. 이것은 예의 범절의 규칙일 뿐입니다. 러시아어에서는 대문자 잠금 시 쓰기도 허용되지 않습니다. 사용 가능. HTML이 더 나쁜 이유는 무엇입니까?</p> <p>속성 값은 다음 형식으로 작성됩니다.</p><p>속성=”값” lang=”en”</p> <p>항상 예약어 뒤의 여는 태그 안에 속성을 작성해야 합니다.</p> <p> <p align=”center”>절</p></p> <p>일반적으로 단일 태그에 여러 속성을 사용할 수 있습니다. 나열된 순서는 중요하지 않습니다.</p> <h2>보편적인 속성</h2> <p>각 HTML 태그에는 고유한 속성 세트가 있습니다. 일부 속성은 여러 태그에 사용할 수 있지만 다른 속성은 하나만 사용할 수 있습니다. 모든 태그와 함께 사용할 수 있는 범용(전역) 속성 그룹도 있습니다. 이 카테고리의 속성을 간략하게 살펴보겠습니다.</p> <ul><li><b>액세스 키</b>특정 페이지 개체에 액세스하기 위한 키보드 단축키를 설정할 수 있습니다. 예를 들어 키보드 단축키를 사용하여 다음을 수행할 수 있습니다. <b>Alt+1</b>사용자가 특정 링크를 따라갔습니다. 따라서 주요 탐색 시스템을 개발하십시오.</li> </ul><p>속성 값은 숫자 0-9 또는 라틴 알파벳 문자일 수 있습니다.</p> <p> <a acceskey=”1” href=”https://youtube.com”>링크는 하나의 키 조합을 누르면 열립니다</a></p> <ul><li><b>수업</b> CSS를 사용하여 태그를 사전 정의된 디자인과 연결할 수 있습니다. 속성을 사용하면 동일한 CSS 블록을 반복적으로 입력하는 대신 해당 클래스의 이름만 입력하면 되므로 코드를 대폭 줄일 수 있습니다.</li> <li>사용하여 <b>내용 편집 가능</b>사용자가 HTML 페이지의 모든 요소(삭제, 삽입, 텍스트 변경)를 편집하도록 허용할 수 있습니다. 동일한 속성을 사용하면 편집 및 비활성화가 가능합니다. 그것은 단지 두 가지 의미를 가지고 있습니다: <b>진실</b>- 편집을 허용합니다. <b>거짓</b>- 금지합니다.</li> <li>속성 사용 <b>상황에 맞는 메뉴</b>귀하의 재량에 따라 고유한 상황에 맞는 메뉴 항목을 사용하여 문서의 모든 요소를 ​​할당할 수 있습니다. 메뉴 자체는 태그에 생성됩니다. <b><menu> </b>, contextmenu 속성에는 식별자가 제공됩니다.</li> <li><b>디렉토리</b>텍스트의 방향을 결정합니다: 왼쪽에서 오른쪽으로 <b>(ltr)</b>아니면 오른쪽에서 왼쪽으로 <b>(rtl)</b>.</li> <li><b>드래그 가능</b>금지할 수 있게 해줍니다 <b>(거짓)</b>또는 허용 <b>(진실)</b>사용자는 이 속성이 부여된 페이지 요소를 끌어서 놓을 수 있습니다.</li> <li><b>드롭존</b>드래그된 요소로 무엇을 해야 할지 브라우저에 알려줍니다. <b>복사</b>), 이동하다 ( <b>이동하다</b>) 또는 링크를 생성하세요. <b>(링크)</b>.</li> <li><b>숨겨진</b>- 브라우저에 표시되지 않도록 요소의 내용을 숨길 수 있는 속성입니다. 속성이 false로 설정되면 객체가 표시되고, true - 숨겨집니다.</li> <li><b>ID</b>요소 식별자를 지정합니다. 이는 단순히 개체의 스타일을 변경하고 스크립트가 개체에 액세스할 수 있도록 하는 데 필요한 일종의 이름입니다. 속성의 값은 해당 이름이 됩니다. 라틴 문자로 시작해야 하며 숫자, 동일한 라틴 알파벳(대형 및 소문자), 하이픈을 포함할 수 있습니다. <b>(-) </b>그리고 밑줄 <b>(_) </b>. 러시아 문자를 포함할 수 없습니다.</li> <li><b>랭</b>브라우저가 콘텐츠가 어떤 언어로 작성되었는지 이해하고 그에 따라 스타일을 지정하는 데 도움이 됩니다(예: 언어마다 다른 인용문을 사용할 수 있음). 값은 언어 코드(러시아어 - <b>루</b>, 영어 - <b>ko</b>등등.).</li> <li><b>맞춤법 검사</b>포함 <b>(진실)</b>또는 비활성화 <b>(거짓)</b>맞춤법 검사. 사용자가 텍스트를 입력하는 양식 필드 태그에 이 속성을 사용하는 것이 특히 유용합니다.</li> <li><b>스타일</b> CSS 코드를 사용하여 요소의 디자인을 설정할 수 있습니다.</li> <li><b>탭 인덱스</b>포커스를 받기 위해 이 속성을 가진 개체에 대해 사용자가 Tab 키를 몇 번 눌러야 하는지 결정할 수 있습니다. 클릭 횟수에 따라 속성 값(양의 정수)이 결정됩니다.</li> <li><b>제목</b>- 마우스를 요소 위로 이동하고 잠시 동안 움직이지 않으면 나타나는 툴팁입니다. 의미의 라인은 힌트가 될 것입니다.</li> </ul> <ul><li><b>번역하다</b>허용한다 <b>(예)</b>아니면 금지한다 <b>(아니요)</b>태그 내용 번역.</li> <li><b>맞추다</b>요소의 정렬을 설정합니다. 예를 들어 텍스트를 왼쪽으로 정렬하는 데 사용할 수 있습니다(값 <b>왼쪽</b>), 오른쪽 가장자리를 따라( <b>오른쪽</b>), 가운데에 <b>(센터)</b>또는 너비 <b>(신이 옳다고 하다)</b>. 이미지의 경우(태그 <b><img> </b>) 줄에서 가장 높은 요소의 위쪽 테두리에 대한 정렬도 가능합니다( <b>맨 위</b>), 아래쪽 경계를 따라 <b>(맨 아래)</b>, 값 middle은 이미지의 중간선이 행의 기준선과 일치하도록 만듭니다.</li> </ul><p>속성을 사용한다는 점을 명심할 가치가 있습니다. <b>맞추다</b>권장되지 않으며 CSS를 사용하여 텍스트를 정렬하는 것이 좋습니다.</p> <h2>속성 사용 예</h2> <p>예를 들어, HTML 코드 라인을 고려해보세요:</p> <p> <p contenteditable=”true”>이 텍스트는 편집할 수 있습니다.</p></p> <p>전체 줄은 사용자가 브라우저에서 편집할 수 있는 텍스트 단락을 만듭니다.</p> <p>라인의 각 요소를 살펴 보겠습니다.</p> <p><b><p> </b>- 단락을 저장하는 컨테이너의 여는 태그입니다.</p> </b>- 닫는 태그.</p> <p>캐릭터 사이 <b>> </b>그리고 <b>< </b>텍스트가 있습니다. 이 텍스트는 편집할 수 있습니다. 이는 태그 외부(태그 사이)에 있는 비문으로, 페이지를 여는 사용자에게 표시됩니다. 브라우저는 이를 화면에 표시해야 하는 간단한 텍스트로 인식합니다.</p> <p><b>내용 편집 가능</b>=”<b>진실</b>" - 이것이 속성과 그 의미입니다. 학교에서 어떻게 x=3인지 기억하세요. 여기도 마찬가지입니다: <b>내용 편집 가능</b>=”<b>진실</b>" 기인하다 <b>내용 편집 가능</b>사용자가 요소의 내용을 편집할 수 있는지 여부, 값을 지정합니다. <b>진실</b>, 등호로 구분된 따옴표로 작성, 편집 시 다음이 허용됩니다.</p> <p>속성=”값” contenteditable=”true”</p> <p>XHTML/HTML4 시대로 돌아가 보면 개발자에게는 임의의 DOM 관련 데이터를 저장하는 데 사용할 수 있는 몇 가지 옵션이 있었습니다. 자신만의 속성을 만들 수 있지만 이는 위험했습니다. 코드가 유효하지 않고 브라우저가 데이터를 무시할 수 있으며 이름이 표준 HTML 속성과 일치하면 문제가 발생할 수 있습니다.</p> <p>따라서 대부분의 개발자는 추가 행을 저장하는 유일한 합리적인 방법인 class 또는 rel 속성을 고수했습니다. 예를 들어 Twitter 메시지 타임라인과 같은 메시지를 표시하는 위젯을 생성한다고 가정해 보겠습니다. 이상적으로 JavaScript는 코드를 다시 작성하지 않고도 구성 가능해야 하므로 다음과 같이 클래스 속성에 사용자 ID를 정의합니다.</p> <p> <div id="msglist" class="user_bob"></div></p> <p>JavaScript 코드는 ID가 있는 요소를 찾습니다. <b>msglist</b>. 스크립트를 사용하여 다음으로 시작하는 클래스를 검색합니다. <b>사용자_</b>, 여기서는 "bob"이 사용자 ID가 되며 해당 사용자의 모든 게시물이 표시됩니다.</p> <p>최대 메시지 수를 설정하고 6개월(180일)이 지난 메시지를 건너뛰고 싶다고 가정해 보겠습니다.</p> <p> <div id="msglist" class="user_bob list-size_5 maxage_180"></div></p> <p>우리의 속성 <b>수업</b>매우 빨리 복잡해집니다. 실수하기가 더 쉽고 JavaScript에서 문자열을 구문 분석하는 것이 점점 더 어려워집니다.</p> <h2>HTML5 데이터 속성</h2> <p>다행히 HTML5에는 사용자 정의 속성을 사용하는 기능이 도입되었습니다. 접두사와 함께 소문자 이름을 사용할 수 있습니다. <b>데이터-</b>, 예를 들어:</p> <p> <div id="msglist" data-user="bob" data-list-size="5" data-maxage="180"></div></p> <p>맞춤 데이터 속성:</p> <ul><li>이는 문자열입니다. JSON과 같은 문자열로 표현되거나 인코딩될 수 있는 모든 정보를 저장할 수 있습니다. 유형 캐스팅은 JavaScript를 사용하여 수행되어야 합니다.</li> <li>적합한 HTML5 요소나 속성이 없는 경우에 사용해야 합니다.</li> <li>해당 페이지만 참조하세요. 마이크로포맷과 달리 검색 엔진, 크롤러 등 외부 시스템에서는 무시되어야 합니다.</li> </ul><h3>JavaScript 처리 예제 #1: getAttribute 및 setAttribute</h3> <p>모든 브라우저에서는 getAttribute 및 setAttribute 메소드를 사용하여 데이터 속성을 가져오고 변경할 수 있습니다.</p> <p>Var msglist = document.getElementById("msglist"); var show = msglist.getAttribute("data-list-size"); msglist.setAttribute("데이터 목록-크기", +show+3);</p> <p>이는 작동하지만 이전 브라우저와의 호환성을 유지하는 데에만 사용해야 합니다.</p> <h3>JavaScript 처리 예제 2: jQuery 라이브러리의 data() 메서드</h3> <p>jQuery 1.4.3부터 data() 메소드는 HTML5 데이터 속성을 처리합니다. 접두사를 명시적으로 지정할 필요는 없습니다. <b>데이터-</b>이므로 다음과 같은 코드가 작동합니다.</p> <p>Var msglist = $("#msglist"); var show = msglist.data("목록 크기"); msglist.data("목록 크기", show+3);</p> <p>그러나 jQuery는 이러한 속성의 값을 적절한 유형(부울, 숫자, 객체, 배열 또는 null)으로 변환하려고 시도하며 DOM에 영향을 미칠 것이라는 점에 유의하십시오. 같지 않은 <b>setAttribute</b>, 방법 <b>데이터()</b>속성을 물리적으로 대체하지 않습니다. <b>데이터 목록 크기</b>- jQuery 외부에서 해당 값을 확인하면 여전히 5로 유지됩니다.</p> <h3>JavaScript 처리 예제 3: 데이터 세트 작업을 위한 API</h3> <p>마지막으로 DOMStringMap 객체를 반환하는 HTML5 데이터 세트로 작업하기 위한 API가 있습니다. 데이터 속성은 접두사 없이 객체에 매핑된다는 점을 기억해야 합니다. <b>데이터-</b>, 이름에서 하이픈이 제거되고 이름 자체가 camelCase로 변환됩니다. 예를 들면 다음과 같습니다.</p> <table border="0"><tbody><tr><td><b>속성 이름</b> </td> <td><b>데이터세트 API 이름</b> </td> </tr><tr><td>데이터 사용자</td> <td>사용자</td> </tr><tr><td>데이터 최대화</td> <td>최대</td> </tr><tr><td>데이터 목록 크기</td> <td>목록크기</td> </tr></tbody></table><p>새로운 코드:</p> <p>Var msglist = document.getElementById("msglist"); var show = msglist.dataset.listSize; msglist.dataset.listSize = +show+3;</p> <p>이 API는 모든 최신 브라우저에서 지원되지만 IE10 이하에서는 지원되지 않습니다. 이러한 브라우저에 대한 해결 방법이 있지만 이전 브라우저용으로 글을 작성하는 경우 jQuery를 사용하는 것이 더 실용적일 수 있습니다.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </div> </article> </div> </div> <div id="secondary"> <aside id="search-2" class="widget widget_search clearfix"> <form action="/" class="search-form searchform clearfix" method="get"> <div class="search-wrap"> <input type="text" placeholder="찾다" class="s field" name="s"> <button class="search-icon" type="submit"></button> </div> </form> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widget-title"><span>최근 항목</span></h3> <ul> <li> <a href="https://olegshein.ru/ko/contacts-and-messages/kakie-kanaly-vhodyat-v-telekartu-mirovoe-kino-v-telekarta-hd/">"텔레카드 HD"의 "월드 시네마"</a> </li> <li> <a href="https://olegshein.ru/ko/system-and-update/obemnye-bukvy-v-html-css-neskolko-tehnik-dlya-razlichnyh-effektov-obvodki/">CSS: 다양한 획 효과를 위한 여러 기술</a> </li> <li> <a href="https://olegshein.ru/ko/download/vygruzka-v-excel-iz-mysql-php-prostoi-sposob-peredachi-tablichnyh/">PHP에서 Excel로 표 형식의 데이터를 전송하는 쉬운 방법</a> </li> <li> <a href="https://olegshein.ru/ko/system-and-update/kogda-vyshel-galaksi-s-3-obzor-samsung-galaxy-s-iii-i9300-garmonichnoe/">삼성 갤럭시 S III(i9300) 리뷰</a> </li> <li> <a href="https://olegshein.ru/ko/the-sounds-and-music/prostye-sovety-kak-voiti-v-akkaunt-gugl-na-svoem-ustroistve-pishet-chto/">Google 계정에 로그인해야 한다고 나옵니다.</a> </li> <li> <a href="https://olegshein.ru/ko/instructions/chto-takoe-komandnaya-stroka-osnovnye-cmd-komandy-prosto-o/">기본 cmd 명령 - 유용한 정보 Windows 명령줄 작업</a> </li> <li> <a href="https://olegshein.ru/ko/pots/otklyuchenie-avtozagruzki-prilozhenii-kak-otklyuchit-avtozapusk/">자동 실행 프로그램을 비활성화하는 방법은 무엇입니까?</a> </li> <li> <a href="https://olegshein.ru/ko/application/dopolnitelnyi-migayushchii-stop-signal-dopolnitelnyi-migayushchii/">추가 깜박이는 브레이크 라이트 브레이크 라이트의 스트로브 구성표</a> </li> </ul> </aside> <aside id="text-5" class="widget widget_text clearfix"> <div class="textwidget"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script> <div id="vk_groups"></div> </div> </aside> <aside id="text-4" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> <aside id="text-3" class="widget widget_text clearfix"> <div class="textwidget"> </div> </aside> </div> </div> </div> <footer id="colophon" class="clearfix"> <div class="footer-socket-wrapper clearfix"> <div class="inner-wrap"> <div class="footer-socket-area"> <div class="footer-socket-right-section"> </div> <div class="footer-socket-left-sectoin"> <div class="copyright">2024년 <a href="https://olegshein.ru/ko/" title="olegshein.ru"><span>olegshein.ru</span></a>. Oleg Shein의 컴퓨터 클럽. <br></div> </div> </div> </div> </div> </footer> <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a> </div> <script type="text/javascript"> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "colormag_right_sidebar", "margin_top": 10, "margin_bottom": 0, "stop_id": "", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['text-3'] }; </script> <script type="text/javascript"> (function(w, doc) { if (!w.__utlWdgt) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset = 'UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h = d[g]('body')[0]; h.appendChild(s); } })(window, document); </script> <div style="text-align:left;" data-lang="ru" data-url="/global-blue-vozvrat-tax-free-v-minske/" data-background-alpha="0.0" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-size="12" data-top-button="false" data-share-counter-type="common" data-share-style="1" data-mode="share" data-like-text-enable="false" data-mobile-view="true" data-icon-color="#ffffff" data-orientation="fixed-left" data-text-color="#000000" data-share-shape="round-rectangle" data-sn-ids="fb.vk.tw.ok.gp.ps.mr.ln." data-share-size="30" data-background-color="#ffffff" data-preview-mobile="false" data-mobile-sn-ids="fb.vk.ok.wh.vb." data-pid="cmsvpolshuby" data-counter-background-alpha="1.0" data-following-enable="false" data-exclude-show-more="true" data-selection-enable="true" class="uptolike-buttons"></div> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/bootstrap-2.3.2/js/bootstrap.min.js?ver=2.3.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.validate.min.js?ver=1.15.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var pwebcontact_l10n = pwebcontact_l10n || {}; pwebcontact_l10n.form = { "INIT": "Initializing form...", "SENDING": "Sending...", "SEND_ERR": "Wait a few seconds before sending next message", "REQUEST_ERR": "Request error: ", "COOKIES_ERR": "Enable cookies and refresh page to use this form" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/pwebcontact/media/js/jquery.pwebcontact.min.js?ver=2.3.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/simple-tooltips/zebra_tooltips.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; /* ]]> */ </script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/wp-cloudy/js/wp-cloudy-ajax.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/modernizr.custom.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/jquery.bxslider.min.js?ver=4.1.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/colormag-slider-setting.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/navigation.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/jquery.fitvids.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/themes/colormag/js/fitvids/fitvids-setting.js?ver=20150311'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.4.13'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.8.min.js?ver=1.6.2'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.easing.min.js?ver=1.4.0'></script> <script type='text/javascript' src='https://olegshein.ru/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13'></script> <div id="pwebcontact1" class="pwebcontact pweb-bottom pweb-offset-right pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal" dir="ltr"> <div id="pwebcontact1_toggler" class="pwebcontact1_toggler pwebcontact_toggler pweb-closed pweb-theme-free"> <span class="pweb-text">질문이 있으신가요?</span> <span class="pweb-icon"></span> </div> <div id="pwebcontact1_box" class="pwebcontact-box pweb-slidebox pweb-theme-free pweb-labels-above pweb-horizontal pweb-init" dir="ltr"> <div class="pwebcontact-container-outset"> <div id="pwebcontact1_container" class="pwebcontact-container"> <div class="pwebcontact-container-inset"> <form name="pwebcontact1_form" id="pwebcontact1_form" class="pwebcontact-form" action="/" method="post" accept-charset="utf-8"> <div class="pweb-fields"> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-name pweb-field-name"> <div class="pweb-label"> <label id="pwebcontact1_field-name-lbl" for="pwebcontact1_field-name">이름</label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="text" name="fields[name]" id="pwebcontact1_field-name" autocomplete="on" class="pweb-input" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-email pweb-field-email"> <div class="pweb-label"> <label id="pwebcontact1_field-email-lbl" for="pwebcontact1_field-email">이메일 <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <input type="email" name="fields[email]" id="pwebcontact1_field-email" autocomplete="on" class="pweb-input required" value="" data-role="none"> </div> </div> </div> </div> </div> <div class="pweb-row"> <div> <div class="pweb-field-container pweb-field-textarea pweb-field-message"> <div class="pweb-label"> <label id="pwebcontact1_field-message-lbl" for="pwebcontact1_field-message">메시지 <span class="pweb-asterisk">*</span> </label> </div> <div class="pweb-field"> <div class="pweb-field-shadow"> <textarea name="fields[message]" id="pwebcontact1_field-message" cols="50" rows="5" class="required" data-role="none">