Microdata属性的示例

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>MicroData in HTML5</title>

</head>

<body>

    <h1>Use of microdata in HTML5</h1>

    <div itemscope>

        <p>Name:<span itemprop="Name">Jack.</p>

        <p>Profile:<span itemprop="Profile">CEO.</p>

        <p>Salary:<span itemprop="Salary">1000000.</p>

        <p>Company Name:<span itemprop="CompanyName">ALin.</p>

        <p>Joining Date:<time itemprop="JoiningDate" datetime="11-12-1999">1999</time></p>

        <img itemprop="image" src="/C:\Users\Public\Pictures\Sample Pictures/Tulips.jpg" alt="Flower" width="400" height="400" 

</body>

</html>

html5中的microdata语法

some text <span itemprop="name">Name
html5中的microdata

在本文中,将介绍如何在HTML5中实现和使用Microdata属性

MicroData 属性

属性描述
itemscope用于创建项。
itemtype描述用于定义项及其属性的有效URL。
itemid定义项的唯一id。
itemprop定义项的属性。
itemref描述项目的附加属性。

html5中的microdata

Microdata是在网页中提供另外语义的方法之一.MicroData由组名称值对组成。
Microdata组称为项目,其名称 - 值称为属性。
对于创建Microdata项,我们使用ItemsCope属性和按顺序进行属性。
要为项目添加属性,我们使用Itemprop。

日期:2020-04-11 23:04:19 来源:oir作者:oir