HTMLスキーマ - 複数のスパンを組み合わせる

Question

stackoverflowとウェブを検索しましたが、この質問に対する直接の回答は見つかりませんでした。私は、アイテムの価格のためのスキーマ情報を追加している私のウェブサイト上で

あなたが見ることができるように

<span itemprop="offers" itemscope itemtype="http://schema.org/Offer"> 
     Adults and over 10 years old Presale– <span itemprop="price" content="10.00"> 
     <span itemprop="priceCurrency" content="USD"> 
     <span itemprop="availability"> 
     <span itemprop="availabilityStarts" content="2017-01-01T00:00"> 
     <span itemprop="availabilityEnds" content="2017-03-17T23:00"> 
     <span itemprop="inventoryLevel" content="10000"> 
     <span itemprop="url" content="http://www.website.com"> 
     $10</span></span></span></span></span></span></span> 
    </span> 

だから、私は<span >コードのTONを持っている（下記参照）。私はこれを試してみたいと思っています。

私はこのスニペットの検証をW3C経由でテストしたところ、うまく検証されました。

私は好奇心午前はAである）より良い方法があり、そしてB）私はちょうど1 <span>に減らすことができますので、それは次のようになります一つにそのすべてが含まれます。

<span itemprop="priceCurrency" content="USD"> 
     <span itemprop="availability" itemprop="availabilityStarts" content="2017-01-01T00:00" itemprop="availabilityEnds" content="2017-03-17T23:00" itemprop="inventoryLevel" content="10000" itemprop="url" content="http://www.website.com"> 

か私は1つのエリアであまりにも多く詰め込もうとしていますか？

Answer 1

原則として、あなたがしたことは問題ありません。ただし、この<span>要素には、現在itemprop属性とcontent属性が何度も指定されています。これはis invalid HTMLです。

代わりにdata-* attributesを使用することをおすすめします。

<span data-price="10.00" 
    data-price-currency="USD" 
    data-availability="true" 
    data-availability-starts="2017-01-01T00:00" 
    data-availability-ends="2017-03-17T23:00" 
    data-inventory-level="10000" 
    data-url="http://www.example.com"></span> 

さらなる読書：using data attributes。