Html Class Css | 8: Introduction To Classes And Ids In Html | Learn Html And Css

당신은 주제를 찾고 있습니까 “html class css – 8: Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML Tutorial“? 다음 카테고리의 웹사이트 https://hu.taphoamini.com 에서 귀하의 모든 질문에 답변해 드립니다: https://hu.taphoamini.com/photos/. 바로 아래에서 답을 찾을 수 있습니다. 작성자 Dani Krossing 이(가) 작성한 기사에는 조회수 292,021회 및 좋아요 4,789개 개의 좋아요가 있습니다.

Table of Contents

html class css 주제에 대한 동영상 보기

여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!

아래 상세 동영상 보기

d여기에서 8: Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML Tutorial – html class css 주제에 대한 세부정보를 참조하세요

Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML tutorial. Today you will learn about HTML Classes and IDs, which are used to target a specific HTML element, in order to style it using CSS.
➤ GET ACCESS TO MY LESSON MATERIAL HERE!
First of all, thank you for all the support you have given me!
I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!
I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.
I hope you will find it helpful 🙂
Material for this lesson: https://www.patreon.com/posts/lesson-material-42361704

html class css 주제에 대한 자세한 내용은 여기를 참조하세요.

Bộ chọn Class trong CSS – QuanTriMang.com

Trong CSS, Class được sử dụng để định kiểu cho phần tử với được chỉ định. Class thường được dùng cho các đối tượng nhóm muốn có cùng một …

+ 여기에 보기

Source: quantrimang.com

Date Published: 5/7/2022

CSS – Sử dụng class – Đại Phố Web & Hosting

CSS: div.tieu_de { background-color: yellow; } HTML:

Đoạn văn bản này tham chiếu đến lớp tieu_de dành riêng cho thẻ div

+ 여기에 표시

Source: www.daipho.com

Date Published: 3/22/2021

Class selectors – CSS: Cascading Style Sheets | MDN

The CSS selector matches elements based on the contents of their attribute.

+ 여기에 표시

Source: developer.mozilla.org

Date Published: 4/7/2022

CSS Selector là gì? 8 Loại CSS Selector CẦN BIẾT

Như đã nói từ trước, đây là code HTML sử dụng để cho bạn chơi với Basic CSS Selector. Code HTML:

+ 여기에 보기

Source: niithanoi.edu.vn

Date Published: 1/8/2021

The Beginner’s Guide to CSS Classes – HubSpot Blog

A CSS is an attribute used to define a group of HTML elements in order to apply unique styling and formatting to those elements with CSS.

+ 여기에 보기

Source: blog.hubspot.com

Date Published: 9/10/2021

jQuery và CSS class – Xuanthulab.net

jQuery và CSS . jQuery có một số phương thức làm việc với CSS như: .addClass(), .hasClass(), .removeClass(), .toggleClass().

+ 여기를 클릭

Source: xuanthulab.net

Date Published: 6/4/2021

주제와 관련된 이미지 html class css

주제와 관련된 더 많은 사진을 참조하십시오 8: Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML Tutorial. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

주제에 대한 기사 평가 html class css

Author: Dani Krossing
Views: 조회수 292,021회
Likes: 좋아요 4,789개
Date Published: 2017. 8. 30.
Video Url link: https://www.youtube.com/watch?v=wXUhTZpF_HQ

Bộ chọn Class trong CSS

Trong CSS, Class được sử dụng để định kiểu cho phần tử với class được chỉ định. Class thường được dùng cho các đối tượng nhóm muốn có cùng một thuộc tính định dạng, mỗi tên class có thể được sử dụng với nhiều phần tử.

Để khai báo Class trong CSS, ta dùng cú pháp sau:

.ten_class {

định dạng các thuộc tính CSS

}

Ví dụ:

.quantrimang {

background-color: black;

color: white;

font-size: 20px;

Để xác định phần tử HTML bằng tên class, ta sử dụng cú pháp class=”ten_class” .

Ví dụ:

Website Quản Trị Mạng

Lưu ý:

Class có thể dùng với bất kì phần tử HTML nào.

Tên class chỉ được phép chứa chữ cái, chữ số, dấu gạch dưới _ , dấu gạch nối – . Tên class không nên bắt đầu bằng chữ số.

, dấu gạch nối . Tên class không nên bắt đầu bằng chữ số. Tên class có phân biệt giữa chữ viết hoa và viết thường.

Ví dụ 1: Chọn và định kiểu tất cả các phần tử với class = “intro”:

.intro {

background-color: #58257b;

color: white;

}

Kết quả:

Code đầy đủ:

Chào mừng bạn đến với Website Quản Trị Mạng

Chuyên mục Làng Công nghệ.

Công nghệ

Giới thiệu về Quản Trị Mạng

Ví dụ 2: Định kiểu cho tất cả các phần tử

với class = “hometown” (chỉ áp dụng cho

)

p.hometown {

background: #58257b;

color: white;

}

Code đầy đủ:

Chào mừng bạn đến với Website Quản Trị Mạng

Chuyên mục Làng Công nghệ

Chuyên mục Công nghệ

Chuyên mục Khoa học

Chuyên mục Ứng dụng

Ví dụ 3: Một phần tử có thể có nhiều class

Phần tử có 2 class kết hợp

Heading này không bị ảnh hưởng bởi class center

Đoạn này sẽ được căn giữa và có màu đỏ

Đoạn này sẽ được căn giữa, có màu đỏ và kích thước

font chữ rất to

Xem thêm:

Đại Phố Web & Hosting

Trong CSS, bộ chọn “class” giúp định dạng các phần tử có thuộc tính lớp cụ thể.

Để định dạng các phần tử với một lớp cụ thể, hãy viết ký tự dấu chấm (.), theo sau là tên của lớp.

Bạn cũng có thể chỉ định rằng chỉ các phần tử HTML cụ thể mới bị ảnh hưởng bởi một lớp. Để làm điều này, hãy bắt đầu với tên phần tử, sau đó viết ký tự dấu chấm (.), Theo sau là tên của lớp (xem ví dụ 1 bên dưới).

Các phần tử HTML cũng có thể tham chiếu đến nhiều hơn một lớp (xem ví dụ 2 bên dưới)

Cú pháp CSS

.class {

style properties;

}

Version: CSS1

Ngoài ra chúng ta có thể viết CSS sử dụng cú pháp chọn theo thuộc tính:
[class~=class_name] { style properties }

Ví dụ

Ví dụ 1

Định dạng lại cho tất cả các phần tử

với class=”tieu_de” :

p.tieu_de {

background-color: yellow;

}

Để sử dụng định CSS này trong trang HTML, ta viết như sau:

Hướng dẫn sử dụng CSS

Định dạng cho các phần tử

với class=”tieu_de” :

CSS: div.tieu_de { background-color: yellow; } HTML:

Đoạn văn bản này tham chiếu đến lớp tieu_de dành riêng cho thẻ div

Khi định dạng như trên thì chỉ có phần tử
hoặc phần tử
ảnh hưởng. Nếu không có tagname phía trước dấu chấm (.) thì bất cứ phần tử nào tham chiếu đến lớp tieu_de cũng đều ảnh hưởng

CSS: .tieu_de { background-color: yellow; } HTML:

Đoạn văn bản này chịu ảnh hưởng của lớp tieu_de

Đoạn văn bản này cũng chịu ảnh hưởng của lớp tieu_de

Đoạn văn bản bình thường

Ví dụ 2

Phần tử

này sẽ được tạo kiểu định dạng theo class=”center” VÀ class=”large” :

Đoạn văn bản này tham chiếu đến hai lớp.

Tham khảo:

Class selectors – CSS: Cascading Style Sheets

< p class = " red " > This paragraph has red text. < p class = " red yellow-bg " > This paragraph has red text and a yellow background. < p class = " red fancy " > This paragraph has red text and “fancy” styling. < p > This is just a regular paragraph.

The Beginner’s Guide to CSS Classes

Imagine you’re designing a web page. You want a group of headings to have a large red text, a group of buttons to have a medium white text, and a group of paragraphs to have a small blue text.

Bold choices. But, thanks to CSS classes, you can do exactly that. CSS classes enable you to apply unique style properties to groups of HTML elements to achieve your desired web page appearance.

In this post, we’ll cover the fundamental terms you need to know, like CSS class, class selector, and CSS specificity. We’ll also walk through how to create a class in CSS and use it to style your web pages.

What is a CSS class? A CSS class is an attribute used to define a group of HTML elements in order to apply unique styling and formatting to those elements with CSS.

Let’s look at an example of how CSS classes work. Below, we have a simple HTML page with three headings (h2 elements) and three paragraphs (p elements).

Notice how the second heading, third heading, and final paragraph are styled differently than the rest — this is because these elements have been assigned the class bright. Looking at the CSS, we see the .bright selector, which applies its style rules to all elements with the attribute class=”bright”.

See the Pen css class: heading example by Christina Perricone (@hubspot) on CodePen.

You can use CSS classes to group HTML elements and then apply custom styles to them. You can make classes and apply them to text, buttons, spans and divs, tables, images, or just about any other page element you can think of. Let’s now take a closer look at how we can use CSS classes to style page elements.

How to Create a Class in CSS

Let’s try making a CSS class from scratch. Say you want to make a paragraph of text and style certain words for more emphasis. You can do this by creating a CSS class for these special words, then assigning this class to individual words with span tags.

Start by writing out the HTML elements you want to style. In this case, it’s a paragraph of text:

Our marketing software and service platform provide you with the tools you need to engage visitors, convert them to leads, and win them over as customers.

I’ve also placed tags around the words we’ll soon style with a CSS class.

Next, let’s add class attributes to these tags. To do so, add the attribute class=”name” to the opening tag of the targeted element, and replace name with a unique identifier for the class.

Image Source

In our example, the HTML looks like this:

Our marketing software and service platform provide you with the tools you need to engage visitors, convert them to leads, and win them over as customers.

Here we’ve added two CSS classes to our span tags: orange-text and blue-text.

Now, let’s go over some questions you may have about CSS classes.

Where Can You Add CSS Classes in HTML?

CSS classes can be added to any HTML element. Some of the most common include:

Paragraph (

)

Body ()

Title ()</p> <p>Headers (</p> <h1>, </p> <h2>, </p> <h3>, etc.)</p> <p>Blockquotes (</p> <blockquote><p>)</p> <p>Spans (<span>)</p> <p>Divs (</p> <div>)</p> <p>Images (<img>)</p> <p>Buttons (<button>)</p> <p>Embeds (<embed>)</p> <p>Links (<a>)</p> <p>Ordered lists and list items (</p> <ol> and </p> <li>, respectively) <p>Unordered lists and list items (</p> <ul> and </p> <li>, respectively) <p>Tables (</p> <table>)</p> <p>Put simply, if you have an HTML element, you can add a CSS class.</p> <p>How Many CSS Classes Can You Add to an Element?</p> <p>One of the most common uses of class in CSS is to add a specific style to a specific element.</p> <p>Worth noting? You’re not limited to a single class per element. Consider paragraphs. While you can specify CSS classes for all paragraphs on your page — such as font size or background color — you can also specify classes for individual paragraphs to change their color or margins while still keeping the overall style changes intact.</p> <p>In practice, you can add as many classes as you like to a single element, but it’s worth keeping track of what you’re changing to make sure you can revert to previous versions if the end result doesn’t match your expectations.</p> <p>What is the Difference Between Class and ID in HTML?</p> <p>The difference between class and ID in HTML is that IDs are unique — classes are not. In practice, this means that multiple elements on a page can have the class, while elements can have only one ID and each page can have only one element with that ID.</p> <p>Consider a specific comment on a WordPress post. While you might use the “item” class to define all comments on the same page, you could also assign the dynamically generated WordPress value for the comment as its unique ID.</p> <p>This is the only ID the element can have, and it cannot be repeated anywhere on the page. Using IDs allows you to easily locate specific elements, and ensuring the same ID is not repeated across elements is essential for your HTML code to render properly on the front-end.</p> <p>When to Use ID vs. Class</p> <p>While there’s no hard-and-fast rule for using ID vs. class, the consensus holds that it’s worth using ID for elements that appear once per page — such as headers, footers, or menus — while class is used for elements such as paragraphs, links, and buttons that appear more than once.</p> <p>As noted above, IDs can be used in conjunction with classes. For example, two button elements might have the same classes to define their basic size and style, but different IDs to determine their position on the page.</p> <p>Once you’ve added a class to an element, you need to create rule sets for these classes in CSS. “Rule sets” are lines of code that tell a browser how those elements should look on the front end of your website. We can begin creating rule sets using CSS class selectors and declaration blocks.</p> <p>Lastly, you need to create rule sets for these classes in CSS. We do this using CSS class selectors and declaration blocks.</p> <p>What is a class selector in CSS? In CSS, a class selector is formatted as a period (.) character followed by the name of the class. It selects all elements with that class attribute so that unique CSS declarations can be applied to those specific elements without affecting other elements on the page.</p> <p>In our example, we’ll create declaration blocks for both of our CSS classes with the selectors .orange-text and .blue-text:</p> <p>/* declaration for our first CSS class */</p> <p>.orange-text {</p> <p>color: orange;</p> <p>font-weight: bold;</p> <p>}</p> <p>/* declaration for our second CSS class */</p> <p>.blue-text {</p> <p>color: blue;</p> <p>font-weight: bold;</p> <p>}</p> <p>When we pair our HTML and CSS together, we see how our CSS classes target certain elements with our custom styling:</p> <p>See the Pen css class: span example by Christina Perricone (@hubspot) on CodePen.</p> <p>Note that the class attribute doesn’t change the content or style of the HTML document by itself. Meaning, simply adding a class attribute to an element without any CSS will not change the appearance or formatting of the element on the front end. You need to assign CSS rules to the class to see any change.</p> <p>It also helps to create class names that describe the element in the class. In the above example, we used the names .orange-text and .blue-text because we were creating colorful text. These names are descriptive enough that someone just reading the CSS would understand the purpose of the class.</p> <p>Class names can be one or multiple words. If your class name is multiple words, use hyphens where you would put spaces. Also, it’s common practice to write class names in lowercase. Some examples of class names include .bright-blue and .fancy-text.</p> <p>How to Use CSS Classes</p> <p>Now that we understand what a CSS class is and how it appears in the body section of an HTML file, let’s take a look at common use cases.</p> <p>Bootstrap CSS Classes</p> <p>Many CSS frameworks make heavy use of CSS classes. For instance, Bootstrap CSS uses classes to define page elements.</p> <p>Let’s see an example of how Bootstrap uses CSS classes. In Bootstrap CSS, the CSS class .btn can be used with the <button> HTML element (as well as the <a> and <input> elements). Bootstrap contains CSS that automatically formats any elements defined with the .btn class a certain way. Therefore, simply adding the attribute class=“btn” to an element changes its appearance.</p> <p>More precisely, adding the .btn class to an element sets the font and font size, and if a visitor clicks on the button text, an outline of a button with rounded edges appears.</p> <p>Bootstrap also has classes for styling buttons in other ways, such as background color. If we add the class .btn-success or .btn-danger the button will show as green or red respectively.</p> <p>See the Pen css class: bootstrap example by Christina Perricone (@hubspot) on CodePen.</p> <p>With CSS classes, Bootstrap lets us quickly style page elements by just adding one or more class names. CSS classes enable you to format different types of elements while writing less code.</p> <p>Descendant Selectors</p> <p>The goal of CSS classes is to apply formatting to specific elements. To that end, descendant selectors are a great addition to your toolbox.</p> <p>Descendant selectors let you target elements inside of other elements. For instance, you may have already created a class to define a general style for paragraph or heading text, but want certain words within the paragraph to be styled in their own way.</p> <p>Descendant selectors allow you to add these special styles to specific words without affecting the surrounding text or changing your HTML document.</p> <p>Let’s say you apply the .blue-text class to a heading, but want to change the color of a word within the heading. Wrap the word in a span element, then add another ruleset with a descendent selector: After the CSS class selector .blue-text, add a space and then the type selector span.</p> <p>See the Pen css class: descendant selector example by Christina Perricone (@hubspot) on CodePen.</p> <p>Be careful not to overdo this, though. Overuse of descendant selectors can lead you to set up confusing rules that will make changes difficult for you down the line.</p> <p>Pseudo-Classes</p> <p>There’s more to see on a web page than HTML content. A great deal of information about the user’s activity is transmitted while they interact with the page. Some of this information is a reflection of what they’re doing.</p> <p>Consider a link within your content. The user may or may not interact with it. If they do, you can use pseudo-classes to capture temporary user information such as when they hover, click, and follow the link.</p> <p>Pseudo-classes are identified by a colon followed by the class. They will appear after a CSS selector with no space in between.</p> <p>Common pseudo-classes for link styling are:</p> <p>:link targets a link that the user hasn’t visited.</p> <p>targets a link that the user hasn’t visited. :visited targets a link that’s been visited by the user before.</p> <p>targets a link that’s been visited by the user before. :hover targets a link with the user’s cursor over it.</p> <p>targets a link with the user’s cursor over it. :active targets a link that’s being pressed down.</p> <p>Let’s look at an example. Say you want to remove the underline from only certain links in all states. Meaning, no matter if the user has visited the link, is hovering over it, or is actively pressing down on it, an underline will not appear below these specific links.</p> <p>In that case, you’d add a class attribute only to the links you want to remove the underline from. Then, add four rule sets with the class selector and the four respective pseudo-classes. In each declaration block, you’ll set the text-decoration property to none.</p> <p>See the Pen css class: pseudo classes by Christina Perricone (@hubspot) on CodePen.</p> <p>CSS Class vs. ID Selectors In CSS, classes group together multiple elements, while IDs are used to identify a single element. Use class selectors to style multiple HTML elements of the same class and ID selectors to style one unique HTML element.</p> <p>While you can have multiple instances of a class on an HTML page, you can only have one instance of a CSS ID on a page. To give an element an ID, add the attribute id=“name” to its opening tag, and replace name with a unique identifying name. In the CSS, the corresponding ID selector begins with a pound sign (#) instead of a period.</p> <p>Additionally, ID attributes provide the target for URL fragments (such as page anchors), so they should be unique. Fragments help you refer a user to a specific part of a web page — the fragment looks like an ID selector placed at the end of the URL.</p> <p>Image Source</p> <p>CSS Specificity</p> <p>Sometimes, CSS rules conflict. For example, if multiple selectors target the same element in a document, which rules apply? This is determined by CSS specificity. In CSS, different selectors have varying weights. When two or more rules conflict on the same element, the more specific one applies.</p> <p>This is how the different selectors rank in the specificity hierarchy:</p> <p>Inline CSS: Inline CSS appears as style attributes in the opening tag of HTML elements. Since this CSS is closest to the HTML, it has the highest level of specificity. ID selectors: An ID is unique to a page element and thus, very specific. Class selectors, attribute selectors, and pseudo-class selectors: These three selector types have equal specificity. If all three types are applied to the same HTML element, the one appearing latest in the stylesheet will apply and override the rest. Type selectors: These select all HTML elements that have a given node name and have the syntax element. These are element names and pseudo-elements.</p> <p>This is where ID selectors shine. Because they’re so specific, almost any other type of selector that goes up against them loses. On the other hand, the universal selector (*) will lose every time because of its low specificity.</p> <p>Sometimes, after applying a CSS class to a range of elements, you might want to override the declarations for a specific element on the page. Let’s go over how you can easily do that.</p> <p>How to Override CSS Class</p> <p>Looking to override a CSS class? Here’s how.</p> <p>Determine the class you want to override.</p> <p>First, pinpoint the class you want to override, and specifically the rule you want to change. This could be font color, size, positioning, etc. The class itself doesn’t matter so much as identifying where the class is and how it’s related to elements around it. Ideally, you want to cause minimal CSS disruption when you carry out the override.</p> <p>Create a more specific declaration.</p> <p>The basic rule of thumb when it comes to two conflicting classes is that the one with the more specific declaration wins out. For example, ID selectors are more specific than class selectors, and class selectors are more specific than type selectors.</p> <p>In practice, this means that adding a class selector to an element with only a type selector will override the current class, while adding an ID selector will override any competing class or type selector.</p> <p>Alternatively, use the !important declaration.</p> <p>You can also use the !important declaration as a shortcut to override CSS class. In CSS, !important means exactly that — that the following directive is important and must be applied. When placed at the end of a declaration, !important will take precedence over other classes. Click here to learn more about what this looks like.</p> <p>The caveat? This declaration effectively breaks the natural cascading function of CSS, in turn making your code harder to debug, so it’s best used sparingly.</p> <p>Start Using CSS Classes</p> <p>CSS classes help you customize elements on a web page faster and more easily. Using CSS class selectors allows you to set up rules to format entire classes of HTML elements, specific elements in a class, or single elements across many classes. You can be as creative as you want when designing your site, but remember the goal is to improve your website’s user experience.</p> <p>Editor’s note: This post was originally published in February 2020 and has been updated for comprehensiveness.</p></blockquote> <h2>jQuery và CSS class</h2> <blockquote cite="https://xuanthulab.net/jquery-va-css-class.html"><p>Sử dụng các phương thức jQuery .addClass(), .hasClass(), .removeClass(), .toggleClass() để tương tác với CSS class</p> <p>jQuery và CSS class</p> <p>jQuery có một số phương thức làm việc với class CSS như: .addClass(), .hasClass(), .removeClass(), .toggleClass()</p> <p>addClass thêm class vào phần tử</p> <p>thêm class vào phần tử removeClass xóa đi class trong phần tử</p> <p>xóa đi class trong phần tử hasClass kiểm tra xem phần tử có một CSS class hay không</p> <p>kiểm tra xem phần tử có một CSS class hay không toggleClass thêm class nếu nó đang có trong phần tử, nếu không thì xóa class</p> <p>Xem một số trường hợp:</p> <p>$(“div”).addClass(“header”) : thêm class có tên header vào các phần tử div. Cũng có thể thêm nhiều class như $(“div”).addClass(“class1 class2 class3”)</p> <p>Ví dụ</p> <p>Ví dụ sau sẽ thêm bớt, kiểm tra phần tử với class có tên “classexam1”</p> <p>Đoạn văn trong phần tử .addClass .removeClass .toggleClass .hasClass</p> <style> .pclass { padding: 5px; font-size: 25px; border: 1px dashed coral; margin: 10px 0; } .classexam1 { background: #e91e63; color: #9e9e9e; border: 5px solid coral; } #inforhtml {font-style: italic;} </style> <p id="inforhtml"> <div class="pclass">Đoạn văn trong phần tử</div> <div> <button onclick="addClass()">.addClass</button> <button onclick="removeClass()">.removeClass</button> <button onclick="toggleClass()">.toggleClass</button> <button onclick="hasClass()">.hasClass</button> </div> <p> <script> function addClass() { $("div.pclass").addClass("classexam1"); showhtml(); } function removeClass() { $("div.pclass").removeClass("classexam1"); showhtml(); } function toggleClass() { $("div.pclass").toggleClass("classexam1"); showhtml(); } function hasClass() { if ($("div.pclass").hasClass("classexam1")) alert("Phần tử có class: classexam1"); else alert("Phần tử không có class: classexam1"); } function showhtml() { $("#inforhtml").text($("div.pclass")[0].outerHTML); } showhtml(); </script></p></blockquote> <h2><span class="ez-toc-section" id="%ED%82%A4%EC%9B%8C%EB%93%9C%EC%97%90_%EB%8C%80%ED%95%9C_%EC%A0%95%EB%B3%B4_html_class_css"></span>키워드에 대한 정보 html class css<span class="ez-toc-section-end"></span></h2> <p>다음은 Bing에서 <strong>html class css</strong> 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.</p> <p><iframe title="html class css" src="https://www.bing.com/search?q=html class css&setlang=ko&cc=KR" width="100%" height="800px"></iframe></p> <p>이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!</p> <h2><span class="ez-toc-section" id="%EC%82%AC%EB%9E%8C%EB%93%A4%EC%9D%B4_%EC%A3%BC%EC%A0%9C%EC%97%90_%EB%8C%80%ED%95%B4_%EC%9E%90%EC%A3%BC_%EA%B2%80%EC%83%89%ED%95%98%EB%8A%94_%ED%82%A4%EC%9B%8C%EB%93%9C_8_Introduction_to_Classes_and_IDs_in_HTML_Learn_HTML_and_CSS_HTML_Tutorial"></span>사람들이 주제에 대해 자주 검색하는 키워드 8: Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML Tutorial<span class="ez-toc-section-end"></span></h2> <ul> <li><span>introduction to class and id in html</span></li> <li><span>introduction to classes and ids in html</span></li> <li><span>HTML Classes</span></li> <li><span>html class</span></li> <li><span>what is a class in html</span></li> <li><span>html class tutorial</span></li> <li><span>what is an id in html</span></li> <li><span>class and id explained</span></li> <li><span>what is a class and id in css</span></li> <li><span>html id</span></li> <li><span>html class and id</span></li> <li><span>difference between id and class in html</span></li> <li><span>html</span></li> <li><span>css</span></li> <li><span>Class and ID Selectors</span></li> <li><span>html id tutorial</span></li> <li><span>difference between class and id</span></li> <li><span>introduction to class and id</span></li> <li><span>what is the difference between a div id and a div class in html</span></li> </ul> <p>8: #Introduction #to #Classes #and #IDs #in #HTML #| #Learn #HTML #and #CSS #| #HTML #Tutorial</p> <hr> <p>YouTube에서 html class css 주제의 다른 동영상 보기</p> <p><iframe title="html class css" src="https://www.bing.com/videos/search?q=html class css&setlang=ko&cc=KR" width="100%" height="400px"></iframe></p> <p>주제에 대한 기사를 시청해 주셔서 감사합니다 <strong><a href="https://hu.taphoamini.com/html-class-css">8: Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML Tutorial | html class css</a></strong>, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.</p> <div class='code-block code-block-7 ai-track' data-ai='WzcsMCwiQmxvY2sgNyIsIiIsMl0=' 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-3358072222817439" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:inline-block;width:400px;height:400px" data-ad-client="ca-pub-3358072222817439" data-ad-slot="5579684378"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>  </div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond nv-is-boxed"> <h2 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html-class-css/#respond" style="display:none;">Cancel reply</a></small></h2><form action="https://hu.taphoamini.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="button button-primary" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='24408' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </article> <div class="nv-sidebar-wrap col-sm-12 nv-right blog-sidebar " > <aside id="secondary" role="complementary"> <style type="text/css">.widget_search .search-form .search-submit, .widget_search .search-form .search-field { height: auto; }</style><div id="search-1" class="widget widget_search"> <form role="search" method="get" class="search-form" action="https://hu.taphoamini.com/"> <label> <span class="screen-reader-text">Search for...</span> </label> <input type="search" class="search-field" aria-label="Search" placeholder="Search for..." value="" name="s"/> <button type="submit" class="search-submit" aria-label="Search"> <span class="nv-search-icon-wrap"> <span class="nv-icon nv-search" > <svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z"/></svg> </span></span> </button> </form> </div><div id="categories-1" class="widget widget_categories"><p class="widget-title">Categories</p> <ul> <li class="cat-item cat-item-6924"><a href="https://hu.taphoamini.com/blog/">Blog</a> (1) </li> <li class="cat-item cat-item-2"><a href="https://hu.taphoamini.com/photos/">PHOTOS</a> (35,066) </li> <li class="cat-item cat-item-3"><a href="https://hu.taphoamini.com/wiki/">WIKI</a> (1,840) </li> </ul> </div><div id="block-8" class="widget widget_block widget_recent_entries"><ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://hu.taphoamini.com/goldagongjeung-geomsa-geubyeo-gijun/">골다공증 검사 급여 기준 | 뼈 건강을 위해 1년에 한 번 꼭 필요한 골밀도 검사를 알아보자! [쉽게 보는 검진생활] 최근 답변 66개</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hu.taphoamini.com/gol-makes-kape/">골 마켓 카페 | 골프채 중고 거래, 모르면 당합니다 ㅠㅠ / 골프채 중고매장,골프 중고거래,골프 중고매장,골프 중고채 판매 24655 투표 이 답변</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hu.taphoamini.com/goncung-panmae-saiteu/">곤충 판매 사이트 | [154회] 애완곤충으로 연 매출 3억 2천? 11 개의 정답</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hu.taphoamini.com/gonjiam-sijeungweon-deungrog/">곤지암 시즌권 등록 | ☃️곤지암리조트 스키장의 모든 것! 초급부터 최상급 슬로프까지~~ 120 개의 정답</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://hu.taphoamini.com/gonjiam-seukijang-gagyeog/">곤지암 스키장 가격 | ☃️곤지암리조트 스키장의 모든 것! 초급부터 최상급 슬로프까지~~ 240 개의 자세한 답변</a></li> </ul></div><div id="block-9" class="widget widget_block"><ul class="wp-block-page-list"><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://hu.taphoamini.com/about/">About</a></li><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://hu.taphoamini.com/contact/">Contact</a></li><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://hu.taphoamini.com/privacy-policy/">Privacy Policy</a></li></ul></div> </aside> </div> </div> </div> </main> <footer class="site-footer" id="site-footer" > <div class="hfg_footer"> <div class="footer--row footer-bottom layout-full-contained" id="cb-row--footer-bottom" data-row-id="bottom" data-show-on="desktop"> <div class="footer--row-inner footer-bottom-inner footer-content-wrap"> <div class="container"> <div class="hfg-grid nv-footer-content hfg-grid-bottom row--wrapper row " data-section="hfg_footer_layout_bottom" > <div class="hfg-slot left"><div class="builder-item desktop-left tablet-left mobile-left"><div class="item--inner builder-item--footer_copyright" data-section="footer_copyright" data-item-id="footer_copyright"> <div class="component-wrap"> <div> <p>Powered by <a href="https://hu.taphoamini.com/" rel="nofollow">Hu.taphoamini.com</a></p> </div> </div> </div> </div></div><div class="hfg-slot c-left"></div><div class="hfg-slot center"></div> </div> </div> </div> </div> </div> </footer> </div> <div class='code-block code-block-1 ai-viewport-1 ai-viewport-2 ai-center-h ai-center-v ai-track' data-ai='WzEsMCwiQmxvY2sgMSIsIiIsMV0=' style='position: fixed; z-index: 9995; top: 25%; text-align: center; left: 40%; transform: translate(-50%, -50%); opacity: 0;'> <div class='no-visibility-check ai-check-1-76934051' data-insertion='after' data-selector='.ai-check-1-76934051' data-code='PGRpdiBjbGFzcz0iYWktYXR0cmlidXRlcyI+CjxzcGFuIGNsYXNzPSdhaS1jaGVjay1ibG9jayBhaS1jZnAnIGRhdGEtYWktYmxvY2s9JzEnIGRhdGEtYWktZXZlcnktcHY9JzInIGRhdGEtYWktbWF4LWNsaWNrcz0nMicgZGF0YS1haS1oYXNoPSczNzg1NicgZGF0YS1haS1jZnAtdGltZT0nMSc+PC9zcGFuPgo8L2Rpdj4KPHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBjcm9zc29yaWdpbj0iYW5vbnltb3VzIj48L3NjcmlwdD4KPCEtLSBodS50YXBob2FtaW5pLmNvbSB0YWkga2hvYW4gYWRzZW5zZSA0MCBQQyAwMSA3ODAqNDAwIC0tPgo8aW5zIGNsYXNzPSJhZHNieWdvb2dsZSIKICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUtYmxvY2s7d2lkdGg6NzgwcHg7aGVpZ2h0OjQwMHB4IgogICAgIGRhdGEtYWQtY2xpZW50PSJjYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBkYXRhLWFkLXNsb3Q9IjQ3MzQ4ODk0NTAiPjwvaW5zPgo8c2NyaXB0PgogICAgIChhZHNieWdvb2dsZSA9IHdpbmRvdy5hZHNieWdvb2dsZSB8fCBbXSkucHVzaCh7fSk7Cjwvc2NyaXB0Pg==' data-block='1'><span class='ai-check-block ai-cfp' data-ai-block='1' data-ai-every-pv='2' data-ai-max-clicks='2' data-ai-hash='37856' data-ai-cfp-time='1'></span></div> </div> <div class='code-block code-block-2 ai-viewport-1 ai-viewport-2 ai-center-h ai-center-v ai-track' data-ai='WzIsMCwiQmxvY2sgMiIsIiIsMV0=' style='position: fixed; z-index: 9995; bottom: -15%; text-align: center; left: 40%; transform: translate(-50%, -50%); opacity: 0;'> <div class='no-visibility-check ai-check-2-50691068' data-insertion='after' data-selector='.ai-check-2-50691068' data-code='PGRpdiBjbGFzcz0iYWktYXR0cmlidXRlcyI+CjxzcGFuIGNsYXNzPSdhaS1jaGVjay1ibG9jayBhaS1jZnAnIGRhdGEtYWktYmxvY2s9JzInIGRhdGEtYWktZXZlcnktcHY9JzInIGRhdGEtYWktbWF4LWNsaWNrcz0nMicgZGF0YS1haS1oYXNoPSczNzg1OScgZGF0YS1haS1jZnAtdGltZT0nMSc+PC9zcGFuPgo8L2Rpdj4KPHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBjcm9zc29yaWdpbj0iYW5vbnltb3VzIj48L3NjcmlwdD4KPCEtLSBodS50YXBob2FtaW5pLmNvbSB0YWkga2hvYW4gYWRzZW5zZSA0MCBQQyAwMiA3ODAqNDAwIC0tPgo8aW5zIGNsYXNzPSJhZHNieWdvb2dsZSIKICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUtYmxvY2s7d2lkdGg6NzgwcHg7aGVpZ2h0OjQwMHB4IgogICAgIGRhdGEtYWQtY2xpZW50PSJjYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBkYXRhLWFkLXNsb3Q9IjU5NjI4Mjc3NTMiPjwvaW5zPgo8c2NyaXB0PgogICAgIChhZHNieWdvb2dsZSA9IHdpbmRvdy5hZHNieWdvb2dsZSB8fCBbXSkucHVzaCh7fSk7Cjwvc2NyaXB0Pg==' data-block='2'><span class='ai-check-block ai-cfp' data-ai-block='2' data-ai-every-pv='2' data-ai-max-clicks='2' data-ai-hash='37859' data-ai-cfp-time='1'></span></div> </div> <div class='code-block code-block-3 ai-viewport-1 ai-viewport-2 ai-center-h ai-center-v ai-track' data-ai='WzMsMCwiQmxvY2sgMyIsIiIsMV0=' style='position: fixed; z-index: 9995; top: 50%; text-align: center; right: 10%; transform: translate(-50%, -50%); opacity: 0;'> <div class='no-visibility-check ai-check-3-74239197' data-insertion='after' data-selector='.ai-check-3-74239197' data-code='PGRpdiBjbGFzcz0iYWktYXR0cmlidXRlcyI+CjxzcGFuIGNsYXNzPSdhaS1jaGVjay1ibG9jayBhaS1jZnAnIGRhdGEtYWktYmxvY2s9JzMnIGRhdGEtYWktZXZlcnktcHY9JzInIGRhdGEtYWktbWF4LWNsaWNrcz0nMicgZGF0YS1haS1oYXNoPSczNzg1NCcgZGF0YS1haS1jZnAtdGltZT0nMSc+PC9zcGFuPgo8L2Rpdj4KPHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBjcm9zc29yaWdpbj0iYW5vbnltb3VzIj48L3NjcmlwdD4KPCEtLSBodS50YXBob2FtaW5pLmNvbSB0YWkga2hvYW4gYWRzZW5zZSA0MCBQQyAwMyAzNzAqNzAwIC0tPgo8aW5zIGNsYXNzPSJhZHNieWdvb2dsZSIKICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUtYmxvY2s7d2lkdGg6MzcwcHg7aGVpZ2h0OjcwMHB4IgogICAgIGRhdGEtYWQtY2xpZW50PSJjYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBkYXRhLWFkLXNsb3Q9IjcwOTE1Mjc4NTgiPjwvaW5zPgo8c2NyaXB0PgogICAgIChhZHNieWdvb2dsZSA9IHdpbmRvdy5hZHNieWdvb2dsZSB8fCBbXSkucHVzaCh7fSk7Cjwvc2NyaXB0Pg==' data-block='3'><span class='ai-check-block ai-cfp' data-ai-block='3' data-ai-every-pv='2' data-ai-max-clicks='2' data-ai-hash='37854' data-ai-cfp-time='1'></span></div> </div> <div class='code-block code-block-4 ai-viewport-3 ai-center-h ai-center-v ai-track' data-ai='WzQsMCwiQmxvY2sgNCIsIiIsMV0=' style='position: fixed; z-index: 9995; top: 0px; text-align: center; left: 50%; transform: translate(-50%); opacity: 0;'> <div class='no-visibility-check ai-check-4-28673471' data-insertion='after' data-selector='.ai-check-4-28673471' data-code='PGRpdiBjbGFzcz0iYWktYXR0cmlidXRlcyI+CjxzcGFuIGNsYXNzPSdhaS1jaGVjay1ibG9jayBhaS1jZnAnIGRhdGEtYWktYmxvY2s9JzQnIGRhdGEtYWktZXZlcnktcHY9JzInIGRhdGEtYWktbWF4LWNsaWNrcz0nMicgZGF0YS1haS1oYXNoPSczNzk3MycgZGF0YS1haS1jZnAtdGltZT0nMSc+PC9zcGFuPgo8L2Rpdj4KPHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBjcm9zc29yaWdpbj0iYW5vbnltb3VzIj48L3NjcmlwdD4KPCEtLSBodS50YXBob2FtaW5pLmNvbSB0YWkga2hvYW4gYWRzZW5zZSA0MCBtb2JpIDQwMCo0MDAgLS0+CjxpbnMgY2xhc3M9ImFkc2J5Z29vZ2xlIgogICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZS1ibG9jazt3aWR0aDo0MDBweDtoZWlnaHQ6NDAwcHgiCiAgICAgZGF0YS1hZC1jbGllbnQ9ImNhLXB1Yi0zMzU4MDcyMjIyODE3NDM5IgogICAgIGRhdGEtYWQtc2xvdD0iNzA4NDMzNzczMyI+PC9pbnM+CjxzY3JpcHQ+CiAgICAgKGFkc2J5Z29vZ2xlID0gd2luZG93LmFkc2J5Z29vZ2xlIHx8IFtdKS5wdXNoKHt9KTsKPC9zY3JpcHQ+' data-block='4'><span class='ai-check-block ai-cfp' data-ai-block='4' data-ai-every-pv='2' data-ai-max-clicks='2' data-ai-hash='37973' data-ai-cfp-time='1'></span></div> </div> <div class='code-block code-block-5 ai-viewport-3 ai-center-h ai-center-v ai-track' data-ai='WzUsMCwiQmxvY2sgNSIsIiIsMV0=' style='position: fixed; z-index: 9995; bottom: 0px; text-align: center; left: 50%; transform: translate(-50%); opacity: 0;'> <div class='no-visibility-check ai-check-5-21304878' data-insertion='after' data-selector='.ai-check-5-21304878' data-code='PGRpdiBjbGFzcz0iYWktYXR0cmlidXRlcyI+CjxzcGFuIGNsYXNzPSdhaS1jaGVjay1ibG9jayBhaS1jZnAnIGRhdGEtYWktYmxvY2s9JzUnIGRhdGEtYWktZXZlcnktcHY9JzInIGRhdGEtYWktbWF4LWNsaWNrcz0nMicgZGF0YS1haS1oYXNoPSczODA2OCcgZGF0YS1haS1jZnAtdGltZT0nMSc+PC9zcGFuPgo8L2Rpdj4KPHNjcmlwdCBhc3luYyBzcmM9Imh0dHBzOi8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzP2NsaWVudD1jYS1wdWItMzM1ODA3MjIyMjgxNzQzOSIKICAgICBjcm9zc29yaWdpbj0iYW5vbnltb3VzIj48L3NjcmlwdD4KPCEtLSBodS50YXBob2FtaW5pLmNvbSB0YWkga2hvYW4gYWRzZW5zZSA0MCBtb2JpIDIgNDAwKjQwMCAtLT4KPGlucyBjbGFzcz0iYWRzYnlnb29nbGUiCiAgICAgc3R5bGU9ImRpc3BsYXk6aW5saW5lLWJsb2NrO3dpZHRoOjQwMHB4O2hlaWdodDo0MDBweCIKICAgICBkYXRhLWFkLWNsaWVudD0iY2EtcHViLTMzNTgwNzIyMjI4MTc0MzkiCiAgICAgZGF0YS1hZC1zbG90PSI5NTE4OTI5MzgyIj48L2lucz4KPHNjcmlwdD4KICAgICAoYWRzYnlnb29nbGUgPSB3aW5kb3cuYWRzYnlnb29nbGUgfHwgW10pLnB1c2goe30pOwo8L3NjcmlwdD4=' data-block='5'><span class='ai-check-block ai-cfp' data-ai-block='5' data-ai-every-pv='2' data-ai-max-clicks='2' data-ai-hash='38068' data-ai-cfp-time='1'></span></div> </div>  <aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="GDPR Cookie Banner" style="display: none;"> <div class="moove-gdpr-info-bar-container"> <div class="moove-gdpr-info-bar-content"> <div class="moove-gdpr-cookie-notice"> <p>We are using cookies to give you the best experience on our website.</p><p>You can find out more about which cookies we are using or switch them off in <button data-href="#moove_gdpr_cookie_modal" class="change-settings-button">settings</button>.</p></div>  <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Accept" >Accept</button> </div>  </div>  </div>  </aside>   <script type="text/javascript" id="neve-script-js-extra"> /* <![CDATA[ */ var NeveProperties = {"ajaxurl":"https:\/\/hu.taphoamini.com\/wp-admin\/admin-ajax.php","nonce":"2e4716eb4e","isRTL":"","isCustomize":""}; /* ]]> */ </script> <script type="text/javascript" src="https://hu.taphoamini.com/wp-content/themes/neve/assets/js/build/modern/frontend.js?ver=3.2.5" id="neve-script-js" async></script> <script type="text/javascript" id="neve-script-js-after"> /* <![CDATA[ */ var html = document.documentElement; var theme = html.getAttribute('data-neve-theme') || 'light'; var variants = {"logo":{"light":{"src":"https:\/\/hu.taphoamini.com\/wp-content\/uploads\/2021\/08\/cropped-Taphoamini.png","srcset":"https:\/\/hu.taphoamini.com\/wp-content\/uploads\/2021\/08\/cropped-Taphoamini.png 200w, https:\/\/hu.taphoamini.com\/wp-content\/uploads\/2021\/08\/cropped-Taphoamini-150x150.png 150w","sizes":"(max-width: 200px) 100vw, 200px"},"dark":{"src":"https:\/\/hu.taphoamini.com\/wp-content\/uploads\/2021\/08\/cropped-Taphoamini.png","srcset":"https:\/\/hu.taphoamini.com\/wp-content\/uploads\/2021\/08\/cropped-Taphoamini.png 200w, https:\/\/hu.taphoamini.com\/wp-content\/uploads\/2021\/08\/cropped-Taphoamini-150x150.png 150w","sizes":"(max-width: 200px) 100vw, 200px"},"same":true}}; function setCurrentTheme( theme ) { var pictures = document.getElementsByClassName( 'neve-site-logo' ); for(var i = 0; i<pictures.length; i++) { var picture = pictures.item(i); if( ! picture ) { continue; }; var fileExt = picture.src.slice((Math.max(0, picture.src.lastIndexOf(".")) || Infinity) + 1); if ( fileExt === 'svg' ) { picture.removeAttribute('width'); picture.removeAttribute('height'); picture.style = 'width: var(--maxwidth)'; } var compId = picture.getAttribute('data-variant'); if ( compId && variants[compId] ) { var isConditional = variants[compId]['same']; if ( theme === 'light' || isConditional || variants[compId]['dark']['src'] === false ) { picture.src = variants[compId]['light']['src']; picture.srcset = variants[compId]['light']['srcset'] || ''; picture.sizes = variants[compId]['light']['sizes']; continue; }; picture.src = variants[compId]['dark']['src']; picture.srcset = variants[compId]['dark']['srcset'] || ''; picture.sizes = variants[compId]['dark']['sizes']; }; }; }; var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type == 'attributes') { theme = html.getAttribute('data-neve-theme'); setCurrentTheme(theme); }; }); }); observer.observe(html, { attributes: true }); /* ]]> */ </script> <script type="text/javascript" src="https://hu.taphoamini.com/wp-includes/js/comment-reply.min.js?ver=6.5.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="moove_gdpr_frontend-js-extra"> /* <![CDATA[ */ var moove_frontend_gdpr_scripts = {"ajaxurl":"https:\/\/hu.taphoamini.com\/wp-admin\/admin-ajax.php","post_id":"24408","plugin_dir":"https:\/\/hu.taphoamini.com\/wp-content\/plugins\/gdpr-cookie-compliance","show_icons":"all","is_page":"","ajax_cookie_removal":"false","strict_init":"1","enabled_default":{"third_party":0,"advanced":0},"geo_location":"false","force_reload":"false","is_single":"1","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":"","wp_consent_api":"false"}; /* ]]> */ </script> <script type="text/javascript" src="https://hu.taphoamini.com/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=4.14.0" id="moove_gdpr_frontend-js"></script> <script type="text/javascript" id="moove_gdpr_frontend-js-after"> /* <![CDATA[ */ var gdpr_consent__strict = "false" var gdpr_consent__thirdparty = "false" var gdpr_consent__advanced = "false" var gdpr_consent__cookies = "" /* ]]> */ </script>   <div id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" role="complementary" aria-label="GDPR Settings Screen"> <div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1"> <button class="moove-gdpr-modal-close" aria-label="Close GDPR Cookie Settings"> <span class="gdpr-sr-only">Close GDPR Cookie Settings</span> <span class="gdpr-icon moovegdpr-arrow-close"></span> </button> <div class="moove-gdpr-modal-left-content"> <div class="moove-gdpr-company-logo-holder"> <img src="https://hu.taphoamini.com/wp-content/plugins/gdpr-cookie-compliance/dist/images/gdpr-logo.png" alt="Hu.taphoamini.com" width="350" height="233" class="img-responsive" /> </div>  <ul id="moove-gdpr-menu"> <li class="menu-item-on menu-item-privacy_overview menu-item-selected"> <button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Privacy Overview"> <span class="gdpr-nav-tab-title">Privacy Overview</span> </button> </li> <li class="menu-item-strict-necessary-cookies menu-item-off"> <button data-href="#strict-necessary-cookies" class="moove-gdpr-tab-nav" aria-label="Strictly Necessary Cookies"> <span class="gdpr-nav-tab-title">Strictly Necessary Cookies</span> </button> </li> </ul> <div class="moove-gdpr-branding-cnt"> <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" rel="noopener noreferrer" target="_blank" class='moove-gdpr-branding'>Powered by <span>GDPR Cookie Compliance</span></a> </div>  </div>  <div class="moove-gdpr-modal-right-content"> <div class="moove-gdpr-modal-title"> </div>  <div class="main-modal-content"> <div class="moove-gdpr-tab-content"> <div id="privacy_overview" class="moove-gdpr-tab-main"> <span class="tab-title">Privacy Overview</span> <div class="moove-gdpr-tab-main-content"> <p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p> </div>  </div>  <div id="strict-necessary-cookies" class="moove-gdpr-tab-main" style="display:none"> <span class="tab-title">Strictly Necessary Cookies</span> <div class="moove-gdpr-tab-main-content"> <p>Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.</p> <div class="moove-gdpr-status-bar "> <div class="gdpr-cc-form-wrap"> <div class="gdpr-cc-form-fieldset"> <label class="cookie-switch" for="moove_gdpr_strict_cookies"> <span class="gdpr-sr-only">Enable or Disable Cookies</span> <input type="checkbox" aria-label="Strictly Necessary Cookies" value="check" name="moove_gdpr_strict_cookies" id="moove_gdpr_strict_cookies"> <span class="cookie-slider cookie-round" data-text-enable="Enabled" data-text-disabled="Disabled"></span> </label> </div>  </div>  </div>  <div class="moove-gdpr-strict-warning-message" style="margin-top: 10px;"> <p>If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.</p> </div>  </div>  </div>  </div>  </div>  <div class="moove-gdpr-modal-footer-content"> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Enable All">Enable All</button> <button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Save Settings">Save Settings</button> </div>  </div>  </div>  <div class="moove-clearfix"></div> </div>  </div>   <script> /* <![CDATA[ */ ai_front = {"insertion_before":"BEFORE","insertion_after":"AFTER","insertion_prepend":"PREPEND CONTENT","insertion_append":"APPEND CONTENT","insertion_replace_content":"REPLACE CONTENT","insertion_replace_element":"REPLACE ELEMENT","visible":"VISIBLE","hidden":"HIDDEN","fallback":"FALLBACK","automatically_placed":"Automatically placed by AdSense Auto ads code","cancel":"Cancel","use":"Use","add":"Add","parent":"Parent","cancel_element_selection":"Cancel element selection","select_parent_element":"Select parent element","css_selector":"CSS selector","use_current_selector":"Use current selector","element":"ELEMENT","path":"PATH","selector":"SELECTOR"}; /* ]]> */ function b2a(a){var b,c=0,l=0,f="",g=[];if(!a)return a;do{var e=a.charCodeAt(c++);var h=a.charCodeAt(c++);var k=a.charCodeAt(c++);var d=e<<16|h<<8|k;e=63&d>>18;h=63&d>>12;k=63&d>>6;d&=63;g[l++]="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".charAt(e)+"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".charAt(h)+"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".charAt(k)+"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".charAt(d)}while(c< a.length);return f=g.join(""),b=a.length%3,(b?f.slice(0,b-3):f)+"===".slice(b||3)}function a2b(a){var b,c,l,f={},g=0,e=0,h="",k=String.fromCharCode,d=a.length;for(b=0;64>b;b++)f["ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".charAt(b)]=b;for(c=0;d>c;c++)for(b=f[a.charAt(c)],g=(g<<6)+b,e+=6;8<=e;)((l=255&g>>>(e-=8))||d-2>c)&&(h+=k(l));return h}b64e=function(a){return btoa(encodeURIComponent(a).replace(/%([0-9A-F]{2})/g,function(b,a){return String.fromCharCode("0x"+a)}))}; b64d=function(a){return decodeURIComponent(atob(a).split("").map(function(a){return"%"+("00"+a.charCodeAt(0).toString(16)).slice(-2)}).join(""))}; function ai_run_scripts(){var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.arrayIteratorImpl=function(a){var b=0;return function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}}};$jscomp.arrayIterator=function(a){return{next:$jscomp.arrayIteratorImpl(a)}};$jscomp.makeIterator=function(a){var b="undefined"!=typeof Symbol&&Symbol.iterator&&a[Symbol.iterator];return b?b.call(a):$jscomp.arrayIterator(a)}; (function(a){if("function"===typeof define&&define.amd){define(a);var b=!0}"object"===typeof exports&&(module.exports=a(),b=!0);if(!b){var f=window.Cookies,c=window.Cookies=a();c.noConflict=function(){window.Cookies=f;return c}}})(function(){function a(){for(var a=0,c={};a<arguments.length;a++){var b=arguments[a],e;for(e in b)c[e]=b[e]}return c}function b(f){function c(){}function d(b,e,d){if("undefined"!==typeof document){d=a({path:"/"},c.defaults,d);"number"===typeof d.expires&&(d.expires=new Date(1* new Date+864E5*d.expires));d.expires=d.expires?d.expires.toUTCString():"";try{var g=JSON.stringify(e);/^[\{\[]/.test(g)&&(e=g)}catch(n){}e=f.write?f.write(e,b):encodeURIComponent(String(e)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent);b=encodeURIComponent(String(b)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[]/g,escape);g="";for(var k in d)d[k]&&(g+="; "+k,!0!==d[k]&&(g+="="+d[k].split(";")[0]));return document.cookie=b+"="+e+g}} function e(a,b){if("undefined"!==typeof document){for(var c={},e=document.cookie?document.cookie.split("; "):[],d=0;d<e.length;d++){var g=e[d].split("="),h=g.slice(1).join("=");b||'"'!==h.charAt(0)||(h=h.slice(1,-1));try{var l=g[0].replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent);h=(f.read||f)(h,l)||h.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent);if(b)try{h=JSON.parse(h)}catch(m){}c[l]=h;if(a===l)break}catch(m){}}return a?c[a]:c}}c.set=d;c.get=function(a){return e(a,!1)};c.getJSON=function(a){return e(a, !0)};c.remove=function(b,c){d(b,"",a(c,{expires:-1}))};c.defaults={};c.withConverter=b;return c}return b(function(){})});AiCookies=Cookies.noConflict(); ai_check_block=function(a){if(null==a)return!0;var b=AiCookies.getJSON("aiBLOCKS");ai_debug_cookie_status="";null==b&&(b={});"undefined"!==typeof ai_delay_showing_pageviews&&(b.hasOwnProperty(a)||(b[a]={}),b[a].hasOwnProperty("d")||(b[a].d=ai_delay_showing_pageviews));if(b.hasOwnProperty(a))for(var f in b[a]){if("x"==f){var c="",d=document.querySelectorAll('span[data-ai-block="'+a+'"]')[0];"aiHash"in d.dataset&&(c=d.dataset.aiHash);d="";b[a].hasOwnProperty("h")&&(d=b[a].h);var e=new Date;e=b[a][f]- Math.round(e.getTime()/1E3);if(0<e&&d==c)return ai_debug_cookie_status=a="closed for "+e+" s = "+Math.round(1E4*e/3600/24)/1E4+" days",!1;ai_set_cookie(a,"x","");b[a].hasOwnProperty("i")||b[a].hasOwnProperty("c")||ai_set_cookie(a,"h","")}else if("d"==f){if(0!=b[a][f])return ai_debug_cookie_status=a="delayed for "+b[a][f]+" pageviews",!1}else if("i"==f){c="";d=document.querySelectorAll('span[data-ai-block="'+a+'"]')[0];"aiHash"in d.dataset&&(c=d.dataset.aiHash);d="";b[a].hasOwnProperty("h")&&(d=b[a].h); if(0==b[a][f]&&d==c)return ai_debug_cookie_status=a="max impressions reached",!1;if(0>b[a][f]&&d==c){e=new Date;e=-b[a][f]-Math.round(e.getTime()/1E3);if(0<e)return ai_debug_cookie_status=a="max imp. reached ("+Math.round(1E4*e/24/3600)/1E4+" days = "+e+" s)",!1;ai_set_cookie(a,"i","");b[a].hasOwnProperty("c")||b[a].hasOwnProperty("x")||ai_set_cookie(a,"h","")}}if("ipt"==f&&0==b[a][f]&&(e=new Date,c=Math.round(e.getTime()/1E3),e=b[a].it-c,0<e))return ai_debug_cookie_status=a="max imp. per time reached ("+ Math.round(1E4*e/24/3600)/1E4+" days = "+e+" s)",!1;if("c"==f){c="";d=document.querySelectorAll('span[data-ai-block="'+a+'"]')[0];"aiHash"in d.dataset&&(c=d.dataset.aiHash);d="";b[a].hasOwnProperty("h")&&(d=b[a].h);if(0==b[a][f]&&d==c)return ai_debug_cookie_status=a="max clicks reached",!1;if(0>b[a][f]&&d==c){e=new Date;e=-b[a][f]-Math.round(e.getTime()/1E3);if(0<e)return ai_debug_cookie_status=a="max clicks reached ("+Math.round(1E4*e/24/3600)/1E4+" days = "+e+" s)",!1;ai_set_cookie(a,"c","");b[a].hasOwnProperty("i")|| b[a].hasOwnProperty("x")||ai_set_cookie(a,"h","")}}if("cpt"==f&&0==b[a][f]&&(e=new Date,c=Math.round(e.getTime()/1E3),e=b[a].ct-c,0<e))return ai_debug_cookie_status=a="max clicks per time reached ("+Math.round(1E4*e/24/3600)/1E4+" days = "+e+" s)",!1}ai_debug_cookie_status="OK";return!0}; ai_check_and_insert_block=function(a,b){if(null==a)return!0;var f=document.getElementsByClassName(b);if(f.length){f=f[0];var c=f.closest(".code-block");if(ai_check_block(a))ai_insert_code(f),c&&(c.classList.remove("ai-list-block"),c.style.visibility="",c.classList.contains("ai-remove-position")&&(c.style.position=""));else{var d=f.closest("div[data-ai]");if(null!=d&&"undefined"!=typeof d.getAttribute("data-ai")){var e=JSON.parse(b64d(d.getAttribute("data-ai")));"undefined"!==typeof e&& e.constructor===Array&&(e[1]="",d.setAttribute("data-ai",b64e(JSON.stringify(e))))}d=c.querySelectorAll(".ai-debug-block");c&&d.length&&(c.classList.remove("ai-list-block"),c.style.visibility="",c.classList.contains("ai-remove-position")&&(c.style.position=""))}f.classList.remove(b)}f=document.querySelectorAll("."+b+"-dbg");f=$jscomp.makeIterator(f);for(c=f.next();!c.done;c=f.next())c=c.value,c.querySelector(".ai-status").textContent=ai_debug_cookie_status,c.querySelector(".ai-cookie-data").textContent= ai_get_cookie_text(a),c.classList.remove(b+"-dbg")};function ai_load_cookie(){var a=AiCookies.getJSON("aiBLOCKS");null==a&&(a={});return a}function ai_get_cookie(a,b){var f="",c=ai_load_cookie();c.hasOwnProperty(a)&&c[a].hasOwnProperty(b)&&(f=c[a][b]);return f} function ai_set_cookie(a,b,f){var c=ai_load_cookie();if(""===f){if(c.hasOwnProperty(a)){delete c[a][b];a:{b=c[a];for(d in b)if(b.hasOwnProperty(d)){var d=!1;break a}d=!0}d&&delete c[a]}}else c.hasOwnProperty(a)||(c[a]={}),c[a][b]=f;0===Object.keys(c).length&&c.constructor===Object?AiCookies.remove("aiBLOCKS"):AiCookies.set("aiBLOCKS",c,{expires:365,path:"/"});return c} ai_get_cookie_text=function(a){var b=AiCookies.getJSON("aiBLOCKS");null==b&&(b={});return b.hasOwnProperty(a)?JSON.stringify(b[a]).replace(/"/g,"").replace("{","").replace("}",""):""}; ai_insert=function(b,l,u){var r=-1!=l.indexOf(":eq")?jQuery(l):document.querySelectorAll(l);Array.prototype.forEach.call(r,function(g,w){selector_string=g.hasAttribute("id")?"#"+g.getAttribute("id"):g.hasAttribute("class")?"."+g.getAttribute("class").replace(RegExp(" ","g"),"."):"";var k=document.createElement("div");k.innerHTML=u;var m=k.getElementsByClassName("ai-selector-counter")[0];null!=m&&(m.innerText=w+1);m=k.getElementsByClassName("ai-debug-name ai-main")[0];if(null!=m){var t="";"before"== b?t=ai_front.insertion_before:"after"==b?t=ai_front.insertion_after:"prepend"==b?t=ai_front.insertion_prepend:"append"==b?t=ai_front.insertion_append:"replace-content"==b?t=ai_front.insertion_replace_content:"replace-element"==b&&(t=ai_front.insertion_replace_element);-1==selector_string.indexOf(".ai-viewports")&&(m.innerText=t+" "+l+" ("+g.tagName.toLowerCase()+selector_string+")")}m=document.createRange().createContextualFragment(k.innerHTML);"before"==b?g.parentNode.insertBefore(m,g):"after"== b?g.parentNode.insertBefore(m,g.nextSibling):"prepend"==b?g.insertBefore(m,g.firstChild):"append"==b?g.insertBefore(m,null):"replace-content"==b?g.innerHTML=k.innerHTML:"replace-element"==b&&(g.parentNode.insertBefore(m,g),g.parentNode.removeChild(g))})}; ai_insert_code=function(b){function l(m,t){return null==m?!1:m.classList?m.classList.contains(t):-1<(" "+m.className+" ").indexOf(" "+t+" ")}function u(m,t){null!=m&&(m.classList?m.classList.add(t):m.className+=" "+t)}function r(m,t){null!=m&&(m.classList?m.classList.remove(t):m.className=m.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," "))}if("undefined"!=typeof b){var g=!1;if(l(b,"no-visibility-check")||b.offsetWidth||b.offsetHeight||b.getClientRects().length){g= b.getAttribute("data-code");var w=b.getAttribute("data-insertion"),k=b.getAttribute("data-selector");if(null!=g)if(null!=w&&null!=k){if(-1!=k.indexOf(":eq")?jQuery(k).length:document.querySelectorAll(k).length)ai_insert(w,k,b64d(g)),r(b,"ai-viewports")}else g=document.createRange().createContextualFragment(b64d(g)),b.parentNode.insertBefore(g,b.nextSibling),r(b,"ai-viewports");g=!0;b=b.getElementsByClassName("ai-check-block");"undefined"!=typeof b[0]&&b[0].parentNode.removeChild(b[0])}else w=b.previousElementSibling, l(w,"ai-debug-bar")&&l(w,"ai-debug-script")&&(r(w,"ai-debug-script"),u(w,"ai-debug-viewport-invisible")),r(b,"ai-viewports");return g}};ai_insert_list_code=function(b){var l=document.getElementsByClassName(b)[0];if("undefined"!=typeof l){var u=ai_insert_code(l),r=l.closest("div.code-block");r&&(u||r.removeAttribute("data-ai"),r.classList.remove("ai-list-block"),r.style.visibility="",r.classList.contains("ai-remove-position")&&(r.style.position=""));l.classList.remove(b);u&&ai_process_elements()}}; ai_insert_viewport_code=function(b){var l=document.getElementsByClassName(b)[0];"undefined"!=typeof l&&(ai_insert_code(l),l.classList.remove(b),ai_process_elements())};ai_insert_code_by_class=function(b){var l=document.getElementsByClassName(b)[0];"undefined"!=typeof l&&(ai_insert_code(l),l.classList.remove(b))}; ai_insert_client_code=function(b,l){var u=document.getElementsByClassName(b)[0];if("undefined"!=typeof u){var r=u.getAttribute("data-code");null!=r&&ai_check_block()&&ai_check_and_insert_block()&&(u.setAttribute("data-code",r.substring(Math.floor(l/19))),ai_insert_code_by_class(b),u.remove())}};ai_process_elements_active=!1; function ai_process_elements(){ai_process_elements_active||setTimeout(function(){ai_process_elements_active=!1;"function"==typeof ai_process_rotations&&ai_process_rotations();"function"==typeof ai_process_lists&&ai_process_lists(jQuery("div.ai-list-data"));"function"==typeof ai_process_ip_addresses&&ai_process_ip_addresses(jQuery("div.ai-ip-data"));"function"==typeof ai_adb_process_blocks&&ai_adb_process_blocks()},5);ai_process_elements_active=!0} var Arrive=function(b,l,u){function r(q,c,d){k.addMethod(c,d,q.unbindEvent);k.addMethod(c,d,q.unbindEventWithSelectorOrCallback);k.addMethod(c,d,q.unbindEventWithSelectorAndCallback)}function g(q){q.arrive=x.bindEvent;r(x,q,"unbindArrive");q.leave=y.bindEvent;r(y,q,"unbindLeave")}if(b.MutationObserver&&"undefined"!==typeof HTMLElement){var w=0,k=function(){var q=HTMLElement.prototype.matches||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector; return{matchesSelector:function(c,d){return c instanceof HTMLElement&&q.call(c,d)},addMethod:function(c,d,e){var a=c[d];c[d]=function(){if(e.length==arguments.length)return e.apply(this,arguments);if("function"==typeof a)return a.apply(this,arguments)}},callCallbacks:function(c,d){d&&d.options.onceOnly&&1==d.firedElems.length&&(c=[c[0]]);for(var e=0,a;a=c[e];e++)a&&a.callback&&a.callback.call(a.elem,a.elem);d&&d.options.onceOnly&&1==d.firedElems.length&&d.me.unbindEventWithSelectorAndCallback.call(d.target, d.selector,d.callback)},checkChildNodesRecursively:function(c,d,e,a){for(var f=0,h;h=c[f];f++)e(h,d,a)&&a.push({callback:d.callback,elem:h}),0<h.childNodes.length&&k.checkChildNodesRecursively(h.childNodes,d,e,a)},mergeArrays:function(c,d){var e={},a;for(a in c)c.hasOwnProperty(a)&&(e[a]=c[a]);for(a in d)d.hasOwnProperty(a)&&(e[a]=d[a]);return e},toElementsArray:function(c){"undefined"===typeof c||"number"===typeof c.length&&c!==b||(c=[c]);return c}}}(),m=function(){var q=function(){this._eventsBucket= [];this._beforeRemoving=this._beforeAdding=null};q.prototype.addEvent=function(c,d,e,a){c={target:c,selector:d,options:e,callback:a,firedElems:[]};this._beforeAdding&&this._beforeAdding(c);this._eventsBucket.push(c);return c};q.prototype.removeEvent=function(c){for(var d=this._eventsBucket.length-1,e;e=this._eventsBucket[d];d--)c(e)&&(this._beforeRemoving&&this._beforeRemoving(e),(e=this._eventsBucket.splice(d,1))&&e.length&&(e[0].callback=null))};q.prototype.beforeAdding=function(c){this._beforeAdding= c};q.prototype.beforeRemoving=function(c){this._beforeRemoving=c};return q}(),t=function(q,c){var d=new m,e=this,a={fireOnAttributesModification:!1};d.beforeAdding(function(f){var h=f.target;if(h===b.document||h===b)h=document.getElementsByTagName("html")[0];var n=new MutationObserver(function(v){c.call(this,v,f)});var p=q(f.options);n.observe(h,p);f.observer=n;f.me=e});d.beforeRemoving(function(f){f.observer.disconnect()});this.bindEvent=function(f,h,n){h=k.mergeArrays(a,h);for(var p=k.toElementsArray(this), v=0;v<p.length;v++)d.addEvent(p[v],f,h,n)};this.unbindEvent=function(){var f=k.toElementsArray(this);d.removeEvent(function(h){for(var n=0;n<f.length;n++)if(this===u||h.target===f[n])return!0;return!1})};this.unbindEventWithSelectorOrCallback=function(f){var h=k.toElementsArray(this);d.removeEvent("function"===typeof f?function(n){for(var p=0;p<h.length;p++)if((this===u||n.target===h[p])&&n.callback===f)return!0;return!1}:function(n){for(var p=0;p<h.length;p++)if((this===u||n.target===h[p])&&n.selector=== f)return!0;return!1})};this.unbindEventWithSelectorAndCallback=function(f,h){var n=k.toElementsArray(this);d.removeEvent(function(p){for(var v=0;v<n.length;v++)if((this===u||p.target===n[v])&&p.selector===f&&p.callback===h)return!0;return!1})};return this},x=new function(){function q(e,a,f){return k.matchesSelector(e,a.selector)&&(e._id===u&&(e._id=w++),-1==a.firedElems.indexOf(e._id))?(a.firedElems.push(e._id),!0):!1}var c={fireOnAttributesModification:!1,onceOnly:!1,existing:!1};x=new t(function(e){var a= {attributes:!1,childList:!0,subtree:!0};e.fireOnAttributesModification&&(a.attributes=!0);return a},function(e,a){e.forEach(function(f){var h=f.addedNodes,n=f.target,p=[];null!==h&&0<h.length?k.checkChildNodesRecursively(h,a,q,p):"attributes"===f.type&&q(n,a,p)&&p.push({callback:a.callback,elem:n});k.callCallbacks(p,a)})});var d=x.bindEvent;x.bindEvent=function(e,a,f){"undefined"===typeof f?(f=a,a=c):a=k.mergeArrays(c,a);var h=k.toElementsArray(this);if(a.existing){for(var n=[],p=0;p<h.length;p++)for(var v= h[p].querySelectorAll(e),z=0;z<v.length;z++)n.push({callback:f,elem:v[z]});if(a.onceOnly&&n.length)return f.call(n[0].elem,n[0].elem);setTimeout(k.callCallbacks,1,n)}d.call(this,e,a,f)};return x},y=new function(){function q(e,a){return k.matchesSelector(e,a.selector)}var c={};y=new t(function(){return{childList:!0,subtree:!0}},function(e,a){e.forEach(function(f){f=f.removedNodes;var h=[];null!==f&&0<f.length&&k.checkChildNodesRecursively(f,a,q,h);k.callCallbacks(h,a)})});var d=y.bindEvent;y.bindEvent= function(e,a,f){"undefined"===typeof f?(f=a,a=c):a=k.mergeArrays(c,a);d.call(this,e,a,f)};return y};l&&g(l.fn);g(HTMLElement.prototype);g(NodeList.prototype);g(HTMLCollection.prototype);g(HTMLDocument.prototype);g(Window.prototype);l={};r(x,l,"unbindAllArrive");r(y,l,"unbindAllLeave");return l}}(window,"undefined"===typeof jQuery?null:jQuery,void 0); var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.createTemplateTagFirstArg=function(a){return a.raw=a};$jscomp.createTemplateTagFirstArgWithRaw=function(a,k){a.raw=k;return a};$jscomp.arrayIteratorImpl=function(a){var k=0;return function(){return k<a.length?{done:!1,value:a[k++]}:{done:!0}}};$jscomp.arrayIterator=function(a){return{next:$jscomp.arrayIteratorImpl(a)}};$jscomp.makeIterator=function(a){var k="undefined"!=typeof Symbol&&Symbol.iterator&&a[Symbol.iterator];return k?k.call(a):$jscomp.arrayIterator(a)}; jQuery(function(a){function k(h){h=h.match(p);return null!=h&&1<h.length&&"string"===typeof h[1]&&0<h[1].length?h[1].toLowerCase():null}function y(h){try{var f=Date.parse(h);isNaN(f)&&(f=null)}catch(z){f=null}return f}Array.prototype.includes||(Array.prototype.includes=function(h){return!!~this.indexOf(h)});var p=/:\/\/(.[^/:]+)/i;ai_process_lists=function(h){function f(d,b,g){if(0==d.length){if("!@!"==g)return!0;b!=g&&("true"==g.toLowerCase()?g=!0:"false"==g.toLowerCase()&&(g=!1));return b==g}if("object"!= typeof b&&"array"!=typeof b)return!1;var e=d[0];d=d.slice(1);if("*"==e)for(b=$jscomp.makeIterator(Object.entries(b)),e=b.next();!e.done;e=b.next()){if(e=$jscomp.makeIterator(e.value),e.next(),e=e.next().value,f(d,e,g))return!0}else if(e in b)return f(d,b[e],g);return!1}function z(d,b,g){if("object"!=typeof d||-1==b.indexOf("["))return!1;b=b.replace(/]| /gi,"").split("[");return f(b,d,g)}function T(){"function"==typeof __tcfapi&&(a("#ai-iab-tcf-status").text("DETECTED"),__tcfapi("getTCData",2,function(d, b){b?(a("#ai-iab-tcf-bar").addClass("status-ok"),"tcloaded"==d.eventStatus||"useractioncomplete"==d.eventStatus?(ai_tcData=d,d.gdprApplies?a("#ai-iab-tcf-status").text("DATA LOADED"):jQuery("#ai-iab-tcf-status").text("GDPR DOES NOT APPLY"),a("#ai-iab-tcf-bar").addClass("status-ok").removeClass("status-error"),setTimeout(function(){ai_process_lists()},10)):"cmpuishown"==d.eventStatus&&(ai_cmpuishown=!0,a("#ai-iab-tcf-status").text("CMP UI SHOWN"),a("#ai-iab-tcf-bar").addClass("status-ok").removeClass("status-error"))): (a("#ai-iab-tcf-status").text("__tcfapi getTCData failed"),a("#ai-iab-tcf-bar").removeClass("status-ok").addClass("status-error"))}))}function K(d){"function"==typeof __tcfapi?"undefined"==typeof ai_tcData_requested&&(ai_tcData_requested=!0,T(),url_parameters_need_tcData=!0):d&&(a("#ai-iab-tcf-bar").addClass("status-error").removeClass("status-ok"),a("#ai-iab-tcf-status").text("MISSING: __tcfapi function not found"))}h=null==h?a("div.ai-list-data"):h.filter(".ai-list-data");if(h.length){h.removeClass("ai-list-data"); var C=document.cookie.split(";");C.forEach(function(d,b){C[b]=d.trim()});var L=getAllUrlParams(window.location.search);if(null!=L.referrer)var q=L.referrer;else q=document.referrer,""!=q&&(q=k(q));var F=window.navigator.userAgent,G=F.toLowerCase();if("undefined"!==typeof MobileDetect)var M=new MobileDetect(F);h.each(function(){var d=a(this).closest("div.code-block"),b=!0,g=a(this).attr("referer-list");if("undefined"!=typeof g){g=b64d(g).split(",");var e=a(this).attr("referer-list-type"), m=!1;a.each(g,function(u,c){if(""==c)return!0;if("*"==c.charAt(0))if("*"==c.charAt(c.length-1)){if(c=c.substr(1,c.length-2),-1!=q.indexOf(c))return m=!0,!1}else{if(c=c.substr(1),q.substr(-c.length)==c)return m=!0,!1}else if("*"==c.charAt(c.length-1)){if(c=c.substr(0,c.length-1),0==q.indexOf(c))return m=!0,!1}else if("#"==c){if(""==q)return m=!0,!1}else if(c==q)return m=!0,!1});switch(e){case "B":m&&(b=!1);break;case "W":m||(b=!1)}}if(b&&(g=a(this).attr("client-list"),"undefined"!=typeof g&&"undefined"!== typeof M))switch(g=b64d(g).split(","),e=a(this).attr("client-list-type"),m=!1,a.each(g,function(u,c){if(""==c)return!0;if("*"==c.charAt(0))if("*"==c.charAt(c.length-1)){if(c=c.substr(1,c.length-2).toLowerCase(),-1!=G.indexOf(c))return m=!0,!1}else{if(c=c.substr(1).toLowerCase(),G.substr(-c.length)==c)return m=!0,!1}else if("*"==c.charAt(c.length-1)){if(c=c.substr(0,c.length-1).toLowerCase(),0==G.indexOf(c))return m=!0,!1}else if(M.is(c))return m=!0,!1}),e){case "B":m&&(b=!1);break;case "W":m||(b= !1)}var N=g=!1;if(b&&(e=a(this).attr("parameter-list"),"undefined"!=typeof e)){e=b64d(e).split(",");var r=a(this).attr("parameter-list-type"),O=[];C.forEach(function(u){u=u.split("=");try{var c=JSON.parse(decodeURIComponent(u[1]))}catch(P){c=decodeURIComponent(u[1])}O[u[0]]=c});var v=!1,D=a(this);a.each(e,function(u,c){var P=c.split("&&");a.each(P,function(V,n){var w=!0;n=n.trim();"!!"==n.substring(0,2)&&(w=!1,n=n.substring(2));var t=n,x="!@!",Q=-1!=n.indexOf("["),R=0==n.indexOf("euconsent-v2")&& -1!=n.indexOf("[");-1!=n.indexOf("=")&&(x=n.split("="),t=x[0],x=x[1],Q=-1!=t.indexOf("["),R=0==t.indexOf("euconsent-v2")&&-1!=t.indexOf("["));if(R)a("#ai-iab-tcf-bar").show(),"object"==typeof ai_tcData?(a("#ai-iab-tcf-bar").addClass("status-ok"),t=t.replace(/]| /gi,"").split("["),t.shift(),v=(t=f(t,ai_tcData,x))?w:!w):(D.addClass("ai-list-data"),N=!0,"function"==typeof __tcfapi?K(!1):"undefined"==typeof ai_tcData_retrying&&(ai_tcData_retrying=!0,setTimeout(function(){K(!0)},200)));else if(Q)v=(t= z(O,t,x))?w:!w;else{var H=!1;"!@!"==x?C.every(function(U){return U.split("=")[0]==n?(H=!0,!1):!0}):H=-1!=C.indexOf(n);v=H?w:!w}if(!v)return!1});if(v)return!1});switch(r){case "B":v&&(b=!1);break;case "W":v||(b=!1)}a(this).hasClass("ai-list-manual")&&(b?(D.removeClass("ai-list-data"),D.removeClass("ai-list-manual")):(g=!0,D.addClass("ai-list-data")));e=a(this).data("debug-info");if("undefined"!=typeof e&&(e=a("."+e),0!=e.length)){var l=e.parent();l.hasClass("ai-debug-info")&&l.remove()}}l=a(this).prevAll(".ai-debug-bar.ai-debug-lists"); e=""==q?"#":q;l.find(".ai-debug-name.ai-list-info").text(e).attr("title",F);l.find(".ai-debug-name.ai-list-status").text(b?ai_front.visible:ai_front.hidden);e=!1;if(b){var E=a(this).attr("scheduling-start");l=a(this).attr("scheduling-end");var A=a(this).attr("scheduling-days");if("undefined"!=typeof E&&"undefined"!=typeof l&&"undefined"!=typeof A){e=!0;var I=parseInt(a(this).attr("scheduling-fallback"));r=parseInt(a(this).attr("gmt"));var B=y(b64d(E))+r;l=y(b64d(l))+r;E=b64d(A).split(",");A=a(this).attr("scheduling-type"); var J=(new Date).getTime()+r,S=new Date(J);r=S.getDay();0==r?r=6:r--;B=J>=B&&J<l&&E.includes(r.toString());switch(A){case "B":B=!B}B||(b=!1);A=S.toISOString().split(".")[0].replace("T"," ");l=a(this).prevAll(".ai-debug-bar.ai-debug-scheduling");l.find(".ai-debug-name.ai-scheduling-info").text(A+" "+r);l.find(".ai-debug-name.ai-scheduling-status").text(b?ai_front.visible:ai_front.hidden);b||0==I||(l.removeClass("ai-debug-scheduling").addClass("ai-debug-fallback"),l.find(".ai-debug-name.ai-scheduling-status").text(ai_front.fallback+ "="+I))}}if(g||N)return!0;a(this).css({visibility:"",position:"",width:"",height:"","z-index":""});b?(d.css({visibility:""}),d.hasClass("ai-remove-position")&&d.css({position:""}),"undefined"!=typeof a(this).data("code")&&(b=b64d(a(this).data("code")),a(this).append(b),ai_process_element(this))):e&&!B&&0!=I?(d.css({visibility:""}),d.hasClass("ai-remove-position")&&d.css({position:""}),a(this).next(".ai-fallback").removeClass("ai-fallback"),"undefined"!=typeof a(this).data("fallback-code")?(b=b64d(a(this).data("fallback-code")), a(this).append(b),ai_process_element(this)):a(this).hide(),b=d.attr("data-ai"),"undefined"!==typeof b&&!1!==b&&(b=a(this).attr("fallback-tracking"),"undefined"!==typeof b&&!1!==b&&d.attr("data-ai",b))):(a(this).hide(),d.removeAttr("data-ai").removeClass("ai-track"),d.find(".ai-debug-block").length?(d.css({visibility:""}).removeClass("ai-close"),d.hasClass("ai-remove-position")&&d.css({position:""})):d.hide());a(this).attr("data-code","");a(this).attr("data-fallback-code","");d.removeClass("ai-list-block")})}}; a(document).ready(function(h){setTimeout(function(){ai_process_lists();(jQuery("#ai-iab-tcf-bar").length||jQuery(".ai-list-manual").length)&&"function"==typeof __tcfapi&&"function"==typeof ai_load_blocks&&__tcfapi("addEventListener",2,function(f,z){z&&"useractioncomplete"===f.eventStatus&&(ai_tcData=f,ai_load_blocks(),jQuery("#ai-iab-tcf-status").text("DATA LOADED"),jQuery("#ai-iab-tcf-bar").addClass("status-ok").removeClass("status-error"))});if("function"==typeof ai_load_blocks)jQuery(document).on("cmplzEnableScripts", function(f){"all"===f.consentLevel&&ai_load_blocks()});jQuery("#ai-iab-tcf-bar").click(function(){AiCookies.remove("euconsent-v2",{path:"/",domain:"."+window.location.hostname});jQuery("#ai-iab-tcf-status").text("COOKIE DELETED")})},5)})}); function ai_process_element(a){setTimeout(function(){"function"==typeof ai_process_rotations_in_element&&ai_process_rotations_in_element(a);"function"==typeof ai_process_lists&&ai_process_lists(jQuery("div.ai-list-data",a));"function"==typeof ai_process_ip_addresses&&ai_process_ip_addresses(jQuery("div.ai-ip-data",a));"function"==typeof ai_adb_process_blocks&&ai_adb_process_blocks(a)},5)} function getAllUrlParams(a){var k=a?a.split("?")[1]:window.location.search.slice(1);a={};if(k){k=k.split("#")[0];k=k.split("&");for(var y=0;y<k.length;y++){var p=k[y].split("="),h=void 0,f=p[0].replace(/\[\d*\]/,function(z){h=z.slice(1,-1);return""});p="undefined"===typeof p[1]?"":p[1];f=f.toLowerCase();p=p.toLowerCase();a[f]?("string"===typeof a[f]&&(a[f]=[a[f]]),"undefined"===typeof h?a[f].push(p):a[f][h]=p):a[f]=p}}return a}; jQuery(function(b){function m(b,c){c||(c=window.location.href);b=b.replace(/[\[\]]/g,"\\$&");var a=(new RegExp("[?&]"+b+"(=([^&#]*)|&|#|$)")).exec(c);return a?a[2]?decodeURIComponent(a[2].replace(/\+/g," ")):"":null}function n(d){d.removeClass("ai-ip-data");var c=!1;if(""!=ai_ip_data){try{var a=JSON.parse(ai_ip_data),h=a[0],p=a[1],g=a[2],k=a[3]}catch(q){return}var l=h+", "+p;null!=g&&null!=k&&(l=l+":"+g+":"+k);null==g&&(g="");null==k&&(k="");null!=a&&d.each(function(){var a=b(this).closest("div.code-block"); c=!0;var e=b(this).attr("ip-addresses");if("undefined"!=typeof e){e=e.split(",");var d=b(this).attr("ip-address-list"),f=!1;b.each(e,function(b,a){if("*"==a.charAt(0))if("*"==a.charAt(a.length-1)){if(a=a.substr(1,a.length-2),-1!=h.indexOf(a))return f=!0,!1}else{if(a=a.substr(1),h.substr(-a.length)==a)return f=!0,!1}else if("*"==a.charAt(a.length-1)){if(a=a.substr(0,a.length-1),0==h.indexOf(a))return f=!0,!1}else if("#"==a){if(""==h)return f=!0,!1}else if(a==h)return f=!0,!1});switch(d){case "B":f&& (c=!1);break;case "W":f||(c=!1)}}if(c&&(e=b(this).attr("countries"),"undefined"!=typeof e))switch(e=e.split(","),d=b(this).attr("country-list"),f=!1,b.each(e,function(a,b){var c=b.trim().split(":");if(null==c[1]||""==g)c[1]="";if(null==c[2]||""==k)c[2]="";var d=c.join(":").toUpperCase();c=(p+":"+(""==c[1]?"":g)+":"+(""==c[2]?"":k)).toUpperCase();if(d==c)return f=!0,!1}),d){case "B":f&&(c=!1);break;case "W":f||(c=!1)}b(this).css({visibility:"",position:"",width:"",height:"","z-index":""});e=b(this).prev(".ai-debug-bar"); e.find(".ai-debug-name.ai-ip-country").text(l);e.find(".ai-debug-name.ai-ip-status").text(c?ai_front.visible:ai_front.hidden);c?(a.css({visibility:""}),a.hasClass("ai-remove-position")&&a.css({position:""}),"undefined"!=typeof b(this).data("code")&&(e=b64d(b(this).data("code")),b(this).append(e),b(this).attr("data-code",""),ai_process_element(this))):(b(this).hide(),a.removeAttr("data-ai"),a.find(".ai-debug-block")?(a.css({visibility:""}).removeClass("ai-close"),a.hasClass("ai-remove-position")&& a.css({position:""})):a.hide());a.removeClass("ai-list-block")})}}ai_process_ip_addresses=function(d){d=null==d?b("div.ai-ip-data"):d.filter(".ai-ip-data");if(d.length)if(d.removeClass("ai-ip-data"),"undefined"!=typeof ai_ip_data)n(d);else{var c="/wp-admin/admin-ajax.php?action=ai_ajax&ip-data=ip-address-country-city&ai_check=e5e8ad0f67&ver="+((new Date).getTime()+"-"+Math.round(1E5*Math.random())),a=m("ai-debug-ip-address");null!=a&&(c+="&ai-debug-ip-address="+a);a=m("ai-debug-country"); null!=a&&(c+="&ai-debug-country="+a);b.get(c,function(a){ai_ip_data=a;if(""==a){var b="Ajax request returned empty data, geo-targeting disabled";console.error(b);"undefined"!=typeof ai_js_errors&&ai_js_errors.push([b,c,0])}else try{JSON.parse(a)}catch(g){b="Ajax call returned invalid data, geo-targeting disabled",console.error(b,a),"undefined"!=typeof ai_js_errors&&ai_js_errors.push([b,c,0])}n(d)}).fail(function(a,c,d){b("div.ai-ip-data").each(function(){b(this).css({display:"none",visibility:"", position:"",width:"",height:"","z-index":""}).removeClass("ai-ip-data").hide()})})}};b(document).ready(function(b){setTimeout(function(){ai_process_ip_addresses()},5)})}); function ai_process_element(b){setTimeout(function(){"function"==typeof ai_process_rotations_in_element&&ai_process_rotations_in_element(b);"function"==typeof ai_process_lists&&ai_process_lists(jQuery("div.ai-list-data",b));"function"==typeof ai_process_ip_addresses&&ai_process_ip_addresses(jQuery("div.ai-ip-data",b));"function"==typeof ai_adb_process_blocks&&ai_adb_process_blocks(b)},5)}; (function(d,h){"function"===typeof define&&define.amd?define(["jquery"],function(n){return h(n)}):"object"===typeof module&&module.exports?module.exports=h(require("jquery")):h(d.jQuery)})(this,function(d){(function(h){h.fn.iframeTracker=function(n){"function"==typeof n&&(n={blurCallback:n});var l=this.get();if(null===n||!1===n)h.iframeTracker.untrack(l);else if("object"==typeof n)h.iframeTracker.track(l,n);else throw Error("Wrong handler type (must be an object, or null|false to untrack)");return this}; h.iframeTracker={focusRetriever:null,focusRetrieved:!1,handlersList:[],isIE8AndOlder:!1,init:function(){try{!0===h.browser.msie&&9>h.browser.version&&(this.isIE8AndOlder=!0)}catch(l){try{9>navigator.userAgent.match(/(msie) ([\w.]+)/i)[2]&&(this.isIE8AndOlder=!0)}catch(w){}}h(window).focus();h(window).blur(function(l){h.iframeTracker.windowLoseFocus(l)});h("body").append('<div style="position:fixed; top:0; left:0; overflow:hidden;"><input style="position:absolute; left:-300px;" type="text" value="" id="focus_retriever" readonly="true" /></div>'); this.focusRetriever=h("#focus_retriever");this.focusRetrieved=!1;var n=this;h(document).mousemove(function(l){!document.activeElement||"IFRAME"!==document.activeElement.tagName||document.activeElement.hasAttribute("id")&&0===h(document.activeElement).attr("id").indexOf("dsq-")||(h.iframeTracker.focusRetriever.focus(),h.iframeTracker.focusRetrieved=!0);if(document.activeElement&&"A"==document.activeElement.tagName)for(var w in n.handlersList)try{n.handlersList[w].focusCallback(document.activeElement)}catch(y){}}); if(this.isIE8AndOlder){this.focusRetriever.blur(function(l){l.stopPropagation();l.preventDefault();h.iframeTracker.windowLoseFocus(l)});h("body").click(function(l){h(window).focus()});h("form").click(function(l){l.stopPropagation()});try{h("body").on("click","form",function(l){l.stopPropagation()})}catch(l){console.log("[iframeTracker] Please update jQuery to 1.7 or newer. (exception: "+l.message+")")}}},track:function(n,l){l.target=n;h.iframeTracker.handlersList.push(l);h(n).bind("mouseover",{handler:l}, h.iframeTracker.mouseoverListener).bind("mouseout",{handler:l},h.iframeTracker.mouseoutListener)},untrack:function(n){if("function"!=typeof Array.prototype.filter)console.log("Your browser doesn't support Array filter, untrack disabled");else{h(n).each(function(x){h(this).unbind("mouseover",h.iframeTracker.mouseoverListener).unbind("mouseout",h.iframeTracker.mouseoutListener)});var l=function(x){return null===x?!1:!0},w;for(w in this.handlersList){for(var y in this.handlersList[w].target)-1!==h.inArray(this.handlersList[w].target[y], n)&&(this.handlersList[w].target[y]=null);this.handlersList[w].target=this.handlersList[w].target.filter(l);0===this.handlersList[w].target.length&&(this.handlersList[w]=null)}this.handlersList=this.handlersList.filter(l)}},mouseoverListener:function(n){n.data.handler.over=!0;try{n.data.handler.overCallback(this,n)}catch(l){}},mouseoutListener:function(n){n.data.handler.over=!1;h.iframeTracker.focusRetriever.focus();try{n.data.handler.outCallback(this,n)}catch(l){}},windowLoseFocus:function(n){for(var l in this.handlersList)if(!0=== this.handlersList[l].over)try{this.handlersList[l].blurCallback(n)}catch(w){}}};h(document).ready(function(){h.iframeTracker.init()})})(d)});ai_tracking_finished=!1; jQuery(document).ready(function(d){function h(b,m,f,a,c,q,g){b=b.replace("[EVENT]",m);b=b.replace("[BLOCK_NUMBER]",f);b=b.replace("[BLOCK_NAME]",a);b=b.replace("[BLOCK_COUNTER]",c);b=b.replace("[VERSION_NUMBER]",q);b=b.replace("[VERSION_NAME]",g);b=b.replace("[BLOCK_VERSION_NUMBER]",f+(0==q?"":" - "+q));return b=b.replace("[BLOCK_VERSION_NAME]",a+(""==g?"":" - "+g))}function n(b,m,f,a,c,q,g){var e=h("Ad Inserter Pro",b,m,f,a,c,q),p=h("[EVENT]",b,m,f,a,c,q),k=h("[BLOCK_NUMBER] - [BLOCK_VERSION_NAME]",b,m,f,a,c,q);if("function"!= typeof ai_external_tracking_event||0!=ai_external_tracking_event({event:b,block:m,block_name:f,block_counter:a,version:c,version_name:q},e,p,k,g))"function"==typeof window.ga?(b="send","string"==typeof ai_ga_tracker_name?b=ai_ga_tracker_name+"."+b:(m=ga.getAll()[0].get("name"),"t0"!=m&&(b=m+"."+b)),ga(b,"event",{eventCategory:e,eventAction:p,eventLabel:k,nonInteraction:g})):"function"==typeof window.gtag?gtag("event","impression",{event_category:e,event_action:p,event_label:k,non_interaction:g}): "function"==typeof window.__gaTracker?__gaTracker("send","event",{eventCategory:e,eventAction:p,eventLabel:k,nonInteraction:g}):"object"==typeof _gaq&&_gaq.push(["_trackEvent",e,p,k,void 0,g]),"object"==typeof _paq&&_paq.push(["trackEvent",e,p,k])}function l(b,m){var f=b[0],a=b[1];if(Number.isInteger(a))if("undefined"==typeof ai_check_data&&"undefined"==typeof ai_check_data_timeout)ai_check_data_timeout=!0,setTimeout(function(){l(b,m)},2500);else{ai_cookie=ai_load_cookie();for(var c in ai_cookie)if(parseInt(f)== parseInt(c))for(var q in ai_cookie[c])if("c"==q){var g=ai_cookie[c][q];if(0<g)if(ai_set_cookie(c,"c",g-1),1==g){g=d("span[data-ai-block="+f+"]").data("ai-cfp-time");var e=new Date;e=Math.round(e.getTime()/1E3);var p=e+604800;ai_set_cookie(c,"c",-p);setTimeout(function(){d("span[data-ai-block="+f+"]").closest("div[data-ai]").remove()},50);"undefined"!=typeof g&&(p=e+86400*g,ai_set_cookie(f,"x",p),d("span.ai-cfp").each(function(t){t=d(this).data("ai-block");var u=d(this);setTimeout(function(){u.closest("div[data-ai]").remove()}, 50);ai_set_cookie(t,"x",p)}))}else ai_set_cookie(c,"c",g-1)}else if("cpt"==q)if(g=ai_cookie[c][q],0<g){if(ai_set_cookie(c,"cpt",g-1),1==g){g=d("span[data-ai-block="+f+"]").data("ai-cfp-time");e=new Date;e=Math.round(e.getTime()/1E3);var k=d(this);setTimeout(function(){k.closest("div[data-ai]").remove()},50);"undefined"!=typeof g&&(p=e+86400*g,ai_set_cookie(f,"x",p),d("span.ai-cfp").each(function(t){t=d(this).data("ai-block");var u=d(this);setTimeout(function(){u.closest("div[data-ai]").remove()}, 50);ai_set_cookie(t,"x",p)}))}}else ai_check_data.hasOwnProperty(c)&&ai_check_data[c].hasOwnProperty("cpt")&&ai_check_data[c].hasOwnProperty("ct")?ai_cookie.hasOwnProperty(c)&&ai_cookie[c].hasOwnProperty("ct")&&(e=new Date,0>=ai_cookie[c].ct-Math.round(e.getTime()/1E3)&&(e=Math.round(e.getTime()/1E3),ai_set_cookie(c,"cpt",ai_check_data[c].cpt-1),ai_set_cookie(c,"ct",Math.round(e+86400*ai_check_data[c].ct)))):(ai_cookie.hasOwnProperty(c)&&ai_cookie[c].hasOwnProperty("cpt")&&ai_set_cookie(c,"cpt",""), ai_cookie.hasOwnProperty(c)&&ai_cookie[c].hasOwnProperty("ct")&&ai_set_cookie(c,"ct",""));x&&d.ajax({url:"/wp-admin/admin-ajax.php",type:"post",data:{action:"ai_ajax",ai_check:"e5e8ad0f67",click:f,version:a,type:m},async:!0}).done(function(t){});if(B){var v=b[2],r=b[3];n("click",f,v,b[4],a,r,!1)}"function"==typeof ai_click_action&&ai_click_action(f,v,a,r)}}function w(){ai_check_data={};if("undefined"==typeof ai_iframe){ai_cookie=ai_load_cookie();d(".ai-check-block").each(function(){var a= d(this).data("ai-block"),c=d(this).data("ai-delay-pv"),q=d(this).data("ai-every-pv"),g=d(this).data("ai-hash"),e=d(this).data("ai-max-imp"),p=d(this).data("ai-limit-imp-per-time"),k=d(this).data("ai-limit-imp-time"),v=d(this).data("ai-max-clicks"),r=d(this).data("ai-limit-clicks-per-time"),t=d(this).data("ai-limit-clicks-time");if("undefined"!=typeof c&&0<c){ai_check_data.hasOwnProperty(a)||(ai_check_data[a]={});ai_check_data[a].d=c;var u="";ai_cookie.hasOwnProperty(a)&&ai_cookie[a].hasOwnProperty("d")&& (u=ai_cookie[a].d);""===u&&ai_set_cookie(a,"d",c-1)}"undefined"!=typeof q&&2<=q&&(ai_check_data.hasOwnProperty(a)||(ai_check_data[a]={}),"undefined"!==typeof ai_delay_showing_pageviews||ai_cookie.hasOwnProperty(a)&&ai_cookie[a].hasOwnProperty("d")||(ai_cookie.hasOwnProperty(a)||(ai_cookie[a]={}),ai_cookie[a].d=0),ai_check_data[a].e=q);if("undefined"!=typeof e&&0<e){if(ai_check_data.hasOwnProperty(a)||(ai_check_data[a]={}),ai_check_data[a].i=e,ai_check_data[a].h=g,q=c="",ai_cookie.hasOwnProperty(a)&& (ai_cookie[a].hasOwnProperty("i")&&(q=ai_cookie[a].i),ai_cookie[a].hasOwnProperty("h")&&(c=ai_cookie[a].h)),""===q||c!=g)ai_set_cookie(a,"i",e),ai_set_cookie(a,"h",g)}else ai_cookie.hasOwnProperty(a)&&ai_cookie[a].hasOwnProperty("i")&&(ai_set_cookie(a,"i",""),ai_cookie[a].hasOwnProperty("c")||ai_cookie[a].hasOwnProperty("x")||ai_set_cookie(a,"h",""));if("undefined"!=typeof p&&0<p&&"undefined"!=typeof k&&0<k){ai_check_data.hasOwnProperty(a)||(ai_check_data[a]={});ai_check_data[a].ipt=p;ai_check_data[a].it= k;e=c="";ai_cookie.hasOwnProperty(a)&&(ai_cookie[a].hasOwnProperty("ipt")&&(c=ai_cookie[a].ipt),ai_cookie[a].hasOwnProperty("it")&&(e=ai_cookie[a].it));if(""===c||""===e)ai_set_cookie(a,"ipt",p),c=new Date,c=Math.round(c.getTime()/1E3),ai_set_cookie(a,"it",Math.round(c+86400*k));0<e&&(c=new Date,c=Math.round(c.getTime()/1E3),e<=c&&(ai_set_cookie(a,"ipt",p),ai_set_cookie(a,"it",Math.round(c+86400*k))))}else ai_cookie.hasOwnProperty(a)&&(ai_cookie[a].hasOwnProperty("ipt")&&ai_set_cookie(a,"ipt",""), ai_cookie[a].hasOwnProperty("it")&&ai_set_cookie(a,"it",""));if("undefined"!=typeof v&&0<v){if(ai_check_data.hasOwnProperty(a)||(ai_check_data[a]={}),ai_check_data[a].c=v,ai_check_data[a].h=g,p=c="",ai_cookie.hasOwnProperty(a)&&(ai_cookie[a].hasOwnProperty("c")&&(p=ai_cookie[a].c),ai_cookie[a].hasOwnProperty("h")&&(c=ai_cookie[a].h)),""===p||c!=g)ai_set_cookie(a,"c",v),ai_set_cookie(a,"h",g)}else ai_cookie.hasOwnProperty(a)&&ai_cookie[a].hasOwnProperty("c")&&(ai_set_cookie(a,"c",""),ai_cookie[a].hasOwnProperty("i")|| ai_cookie[a].hasOwnProperty("x")||ai_set_cookie(a,"h",""));if("undefined"!=typeof r&&0<r&&"undefined"!=typeof t&&0<t){ai_check_data.hasOwnProperty(a)||(ai_check_data[a]={});ai_check_data[a].cpt=r;ai_check_data[a].ct=t;g=v="";ai_cookie.hasOwnProperty(a)&&(ai_cookie[a].hasOwnProperty("cpt")&&(v=ai_cookie[a].cpt),ai_cookie[a].hasOwnProperty("ct")&&(g=ai_cookie[a].ct));if(""===v||""===g)ai_set_cookie(a,"cpt",r),c=new Date,c=Math.round(c.getTime()/1E3),ai_set_cookie(a,"ct",Math.round(c+86400*t));0<g&& (c=new Date,c=Math.round(c.getTime()/1E3),g<=c&&(ai_set_cookie(a,"cpt",r),ai_set_cookie(a,"ct",Math.round(c+86400*t))))}else ai_cookie.hasOwnProperty(a)&&(ai_cookie[a].hasOwnProperty("cpt")&&ai_set_cookie(a,"cpt",""),ai_cookie[a].hasOwnProperty("ct")&&ai_set_cookie(a,"ct",""))});for(var b in ai_cookie)for(var m in ai_cookie[b])if("d"==m){var f=ai_cookie[b][m];0<f?ai_set_cookie(b,"d",f-1):ai_check_data.hasOwnProperty(b)&&ai_check_data[b].hasOwnProperty("e")?ai_set_cookie(b,"d",ai_check_data[b].e-1): ai_check_data.hasOwnProperty(b)&&ai_check_data[b].hasOwnProperty("d")||ai_set_cookie(b,"d","")}}}function y(){if(D){var b=document.documentElement.clientWidth,m=window.innerWidth,f=b<m?m:b,a=0;d.each(E,function(q,g){if(f>=g)return a=F[q],!1});b=jQuery(b64d("Ym9keQ==")).attr(b64d ('ZGF0YS1kYXRhLW1hc2s='));if("string"===typeof b)var c=b==b64d("bWFzaw==");"string"===typeof b&&"boolean"===typeof c&&c&&(B&&n("ad blocking",0,G[a-1],0,0,"",!0),a|=128);x&&d.ajax({url:"/wp-admin/admin-ajax.php",type:"post", data:{action:"ai_ajax",ai_check:"e5e8ad0f67",views:[0],versions:[a]},async:!0}).done(function(q){})}w();ai_tracking_finished=!0;ai_process_impressions()}var x=1,B=0,D=1,C=0,E=[980,768,0],F=[1,2,3],G=JSON.parse(b64d("WyJEZXNrdG9wIiwiVGFibGV0IiwiUGhvbmUiXQ=="));Number.isInteger=Number.isInteger||function(b){return"number"===typeof b&&isFinite(b)&&Math.floor(b)===b};ai_install_standard_click_trackers=function(b){"undefined"== typeof b&&(b=d("body"));b=d("div.ai-track[data-ai]:visible a",b);var m=d();b.each(function(){var f=d(this).find("div.ai-lazy"),a=d(this).find("div.ai-manual");0==f.length&&0==a.length&&(m=m.add(d(this)))});b=m;b.removeClass("ai-track");0!=b.length&&(C?b.click(function(){for(var f=d(this).closest("div[data-ai]");"undefined"!=typeof f.attr("data-ai");){var a=JSON.parse(b64d(f.attr("data-ai")));"undefined"!==typeof a&&a.constructor===Array&&Number.isInteger(a[1])&&!f.hasClass("clicked")&&(f.addClass("clicked"), l(a,"a.click"));f=f.parent().closest("div[data-ai]")}}):b.click(function(){for(var f=d(this).closest("div[data-ai]");"undefined"!=typeof f.attr("data-ai");){var a=JSON.parse(b64d(f.attr("data-ai")));"undefined"!==typeof a&&a.constructor===Array&&Number.isInteger(a[1])&&(l(a,"a.click"),clicked=!0);f=f.parent().closest("div[data-ai]")}}))};ai_install_click_trackers=function(b){"undefined"==typeof b&&(b=d("body"));if(C){var m=d("div.ai-track[data-ai]:visible, div.ai-rotate[data-info]:visible div.ai-track[data-ai]", b);"undefined"!=typeof d(b).attr("data-ai")&&d(b).hasClass("ai-track")&&d(b).is(":visible")&&(m=m.add(b));var f=d();m.each(function(){var a=d(this).find("div.ai-lazy"),c=d(this).find("div.ai-manual");0==a.length&&0==c.length&&(f=f.add(d(this)))});m=f;m.removeClass("ai-track");0!=m.length&&m.iframeTracker({blurCallback:function(){if(null!=this.ai_data&&null!=wrapper&&!wrapper.hasClass("clicked")){wrapper.addClass("clicked");l(this.ai_data,"blurCallback");for(var a=wrapper.find("div[data-ai]:visible");"undefined"!= typeof a.attr("data-ai");){var c=JSON.parse(b64d(a.attr("data-ai")));"undefined"!==typeof c&&c.constructor===Array&&Number.isInteger(c[1])&&l(c,"blurCallback INNER");a=a.find("div[data-ai]:visible")}}},overCallback:function(a){a=d(a).closest("div[data-ai]");if("undefined"!=typeof a.attr("data-ai")){var c=JSON.parse(b64d(a.attr("data-ai")));"undefined"!==typeof c&&c.constructor===Array&&Number.isInteger(c[1])?(wrapper=a,this.ai_data=c):(null!=wrapper&&wrapper.removeClass("clicked"),this.ai_data=wrapper= null)}},outCallback:function(a){null!=wrapper&&wrapper.removeClass("clicked");this.ai_data=wrapper=null},focusCallback:function(a){if(null!=this.ai_data&&null!=wrapper&&!wrapper.hasClass("clicked"))for(wrapper.addClass("clicked"),l(this.ai_data,"focusCallback"),a=wrapper.find("div[data-ai]:visible");"undefined"!=typeof a.attr("data-ai");){var c=JSON.parse(b64d(a.attr("data-ai")));"undefined"!==typeof c&&c.constructor===Array&&Number.isInteger(c[1])&&l(c,"focusCallback INNER");a=a.find("div[data-ai]:visible")}}, wrapper:null,ai_data:null,block:null,version:null})}ai_install_standard_click_trackers(b)};ai_process_impressions=function(b){"undefined"==typeof b&&(b=d("body"));var m=[],f=[],a=[],c=[],q=[],g=d("div.ai-track[data-ai]:visible, div.ai-rotate[data-info]:visible div.ai-track[data-ai]",b);"undefined"!=typeof d(b).attr("data-ai")&&d(b).hasClass("ai-track")&&d(b).is(":visible")&&(g=g.add(b));0!=g.length&&d(g).each(function(){if("undefined"!=typeof d(this).attr("data-ai")){var k=JSON.parse(b64d(d(this).attr("data-ai"))); if("undefined"!==typeof k&&k.constructor===Array){var v=0,r=d(this).find("div.ai-rotate[data-info]");1==r.length&&(v=JSON.parse(b64d(r.data("info")))[1]);if(Number.isInteger(k[0])&&0!=k[0]&&Number.isInteger(k[1])){r=0;var t=d(this).hasClass("ai-no-tracking"),u=jQuery(b64d("Ym9keQ==")).attr(b64d ('ZGF0YS1kYXRhLW1hc2s='));if("string"===typeof u)var A=u==b64d("bWFzaw==");if("string"===typeof u&&"boolean"===typeof A){var z=d(this).outerHeight();u=d(this).find(".ai-attributes");u.length&&u.each(function(){z>=d(this).outerHeight()&& (z-=d(this).outerHeight())});u=d(this).find(".ai-code");u.length&&(z=0,u.each(function(){z+=d(this).outerHeight()}));A&&0===z&&(r=128)}A=d(this).find("div.ai-lazy");u=d(this).find("div.ai-manual");if(0!=A.length||0!=u.length)t=!0;if(!t)if(0==v)m.push(k[0]),f.push(k[1]|r),a.push(k[2]),c.push(k[3]),q.push(k[4]);else for(t=1;t<=v;t++)m.push(k[0]),f.push(t|r),a.push(k[2]),c.push(k[3]),q.push(k[4])}}}});ai_cookie=ai_load_cookie();for(var e in ai_cookie)if(m.includes(parseInt(e)))for(var p in ai_cookie[e])"i"== p?(b=ai_cookie[e][p],0<b&&(1==b?(b=new Date,b=Math.round(b.getTime()/1E3)+604800,ai_set_cookie(e,"i",-b)):ai_set_cookie(e,"i",b-1))):"ipt"==p&&(b=ai_cookie[e][p],0<b?ai_set_cookie(e,"ipt",b-1):ai_check_data.hasOwnProperty(e)&&ai_check_data[e].hasOwnProperty("ipt")&&ai_check_data[e].hasOwnProperty("it")?ai_cookie.hasOwnProperty(e)&&ai_cookie[e].hasOwnProperty("it")&&(b=new Date,0>=ai_cookie[e].it-Math.round(b.getTime()/1E3)&&(b=Math.round(b.getTime()/1E3),ai_set_cookie(e,"ipt",ai_check_data[e].ipt), ai_set_cookie(e,"it",Math.round(b+86400*ai_check_data[e].it)))):(ai_cookie.hasOwnProperty(e)&&ai_cookie[e].hasOwnProperty("ipt")&&ai_set_cookie(e,"ipt",""),ai_cookie.hasOwnProperty(e)&&ai_cookie[e].hasOwnProperty("it")&&ai_set_cookie(e,"it","")));if(m.length&&(x&&d.ajax({url:"/wp-admin/admin-ajax.php",type:"post",data:{action:"ai_ajax",ai_check:"e5e8ad0f67",views:m,versions:f},async:!0}).done(function(k){k=k.trim();if(""!=k&&(k=JSON.parse(k),"undefined"!=typeof k["#"])){var v=Math.round((new Date).getTime()/ 1E3)+43200,r;for(r in k["#"])ai_cookie.hasOwnProperty(k["#"][r])&&ai_cookie[k["#"][r]].hasOwnProperty("x")||ai_set_cookie(k["#"][r],"x",v)}}),B))for(e=0;e<m.length;e++)n("impression",m[e],a[e],q[e],f[e],c[e],!0)};jQuery(window).on("load",function(){setTimeout(y,1200);setTimeout(ai_install_click_trackers,1300)})}); ai_run_666526868505 = function(){ ai_document_write=document.write;document.write=function(a){"interactive"==document.readyState?(console.error("document.write called after page load: ",a),"undefined"!=typeof ai_js_errors&&ai_js_errors.push(["document.write called after page load",a,0])):ai_document_write.call(document,a)}; ai_check_and_insert_block (5, 'ai-check-5-21304878'); ai_check_and_insert_block (4, 'ai-check-4-28673471'); ai_check_and_insert_block (3, 'ai-check-3-74239197'); ai_check_and_insert_block (2, 'ai-check-2-50691068'); ai_check_and_insert_block (1, 'ai-check-1-76934051'); }; if (document.readyState === 'complete' || (document.readyState !== 'loading' && !document.documentElement.doScroll)) ai_run_666526868505 (); else document.addEventListener ('DOMContentLoaded', ai_run_666526868505); ai_js_code = true; } function ai_wait_for_jquery(){function b(b,c){var a=document.createElement("script");a.src=b;var d=document.getElementsByTagName("head")[0],e=!1;a.onload=a.onreadystatechange=function(){e||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(e=!0,c&&c(),a.onload=a.onreadystatechange=null,d.removeChild(a))};d.appendChild(a)}window.jQuery?ai_run_scripts():(ai_jquery_waiting_counter++,4==ai_jquery_waiting_counter&&b("https://hu.taphoamini.com/wp-includes/js/jquery/jquery.js?ver=3.7.1",function(){b("https://hu.taphoamini.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=6.5.2",null)}),30>ai_jquery_waiting_counter&& setTimeout(function(){ai_wait_for_jquery()},50))}ai_jquery_waiting_counter=0;ai_wait_for_jquery(); </script> </body> </html>

Html Class Css | 8: Introduction To Classes And Ids In Html | Learn Html And Css | Html Tutorial 모든 답변

html class css 주제에 대한 동영상 보기

d여기에서 8: Introduction to Classes and IDs in HTML | Learn HTML and CSS | HTML Tutorial – html class css 주제에 대한 세부정보를 참조하세요

html class css 주제에 대한 자세한 내용은 여기를 참조하세요.

Bộ chọn Class trong CSS – QuanTriMang.com

CSS – Sử dụng class – Đại Phố Web & Hosting

Class selectors – CSS: Cascading Style Sheets | MDN

CSS Selector là gì? 8 Loại CSS Selector CẦN BIẾT

The Beginner’s Guide to CSS Classes – HubSpot Blog

jQuery và CSS class – Xuanthulab.net

주제와 관련된 이미지 html class css

주제에 대한 기사 평가 html class css

Bộ chọn Class trong CSS

Chào mừng bạn đến với Website Quản Trị Mạng

Chào mừng bạn đến với Website Quản Trị Mạng

Heading này không bị ảnh hưởng bởi class center

Đại Phố Web & Hosting

Class selectors – CSS: Cascading Style Sheets

The Beginner’s Guide to CSS Classes