cssSelector
Свойство schema.org ?
- Канонический URL: https://schema.org/cssSelector
- 👉 Проверить на наличие открытых проблем.
Содержание: Описание, Какие должны быть типы, В каких типах используется, Ссылка на источник термина, Примеры использования.
Описание:
CSS-селектор, например, для SpeakableSpecification или WebPageElement. В последнем случае несколько совпадений на странице могут составлять единый концептуальный "элемент веб-страницы".Свойство cssSelector в Schema.org используется для указания CSS-селекторов, которые помогают идентифицировать конкретные элементы на веб-странице. Это свойство позволяет разработчикам и системам, работающим с разметкой Schema.org, точно находить и выделять определенные части контента на странице.
Основная цель использования cssSelector заключается в том, чтобы обеспечить возможность точного указания на элементы, которые могут быть важны для обработки или анализа. Например, это может быть полезно для поисковых систем, которые хотят извлекать определённые данные из веб-страницы, или для других автоматизированных систем, которые работают с контентом.
С помощью cssSelector можно указать селекторы, которые будут находить элементы, соответствующие определённым критериям. Это может включать в себя как одиночные элементы, так и группы элементов, которые могут быть объединены в одно концептуальное представление. Таким образом, это свойство позволяет более гибко и точно работать с контентом на веб-страницах, улучшая взаимодействие между разметкой и системами, которые ее используют.
В общем, cssSelector является важным инструментом для идентификации и обработки элементов веб-контента, что способствует более эффективной работе с данными и их извлечению.
Ожидается, что значения будут одного из этих типов
Используется в этих типах
Примеры
Пример 1
Пример заметки или HTML разметки.
An example of 'speakable' markup (JSON-LD only, initially).
Пример, закодированный в формате JSON-LD в теге <script> HTML.
{
"@context": "https://schema.org/",
"@type": "WebPage",
"name": "Jane Doe's homepage",
"speakable":
{
"@type": "SpeakableSpecification",
"cssSelector": ["headline", "summary"]
},
"url": "http://www.janedoe.com"
}
Структурированное представление примера JSON-LD.
- @context
- https://schema.org/
- @type
- WebPage
- name
- Jane Doe's homepage
- speakable
- @type
- SpeakableSpecification
- cssSelector
- 0
- headline
- 1
- summary
- url
- http://www.janedoe.com
Пример 2
Пример заметки или HTML разметки.
An example of speakable markup in Microdata in HTML head section.
Пример, закодированный в формате Microdata, встроенный в HTML.
<!DOCTYPE html>
<html>
<head rel="home" href="/" itemid="" itemscope itemtype="https://schema.org/SpeakableSpecification">
<title>Example showing complex structures in HTML head</title>
<meta itemprop="cssSelector" content=".title" />
<meta itemprop="xpath" content="/html/body/h3" />
</head>
<body>
<h1 class="title">Complex Microdata in HTML head</h1>
<p>...</p>
</body>
</html>
