semantic tags

Html5 helps to use semantic tags, but only in some cases.

Dates

I.g. for a date you can use <time>

    <p>La conferenza si terrĂ  il <time datetime="2025-11-14">14 novembre 2025</time>.</p>

Books

Far more complicated is the way for the books. There is not a tag such as <book>. Unfortunately, the Internet is not for the truth, but for commercial purposes, so you have to follow a very long and annoying way:

     <h1>List of Books</h1>

    <div itemscope itemtype="http://schema.org/Book">
        <h2 itemprop="name">The Great Gatsby</h2>
        <img src="cover-gatsby.jpg" alt="Cover of The Great Gatsby" itemprop="image">
        <p itemprop="author">F. Scott Fitzgerald</p>
        <p itemprop="description">The Great Gatsby is a novel written by F. Scott Fitzgerald and published in 1925. The story is set in 1922 during the Jazz Age and the economic prosperity of the United States.</p>
    </div>

    <div itemscope itemtype="http://schema.org/Book">
        <h2 itemprop="name">1984</h2>
        <img src="cover-1984.jpg" alt="Cover of 1984" itemprop="image">
        <p itemprop="author">George Orwell</p>
        <p itemprop="description">1984 is a dystopian novel written by George Orwell and published in 1949. The story is set in a future dystopia where the totalitarian government controls every aspect of citizens' lives.</p>
    </div>

    <div itemscope itemtype="http://schema.org/Book">
        <h2 itemprop="name">Moby Dick</h2>
        <img src="cover-moby-dick.jpg" alt="Cover of Moby Dick" itemprop="image">
        <p itemprop="author">Herman Melville</p>
        <p itemprop="description">Moby Dick is a novel written by Herman Melville and published in 1851. The story follows the obsessive quest of Captain Ahab to hunt down the white whale, Moby Dick.</p>
    </div>

another example:

<tr itemscope itemtype="http://schema.org/Book"><td><span itemprop="name">Traumdeutung</span></td>
<td><span itemprop="alternativeHeadline"> L'interpretazione dei sogni</span></td><td><span itemprop="datePublished" content="1900">1900</span></td></tr>
<tr itemscope itemtype="http://schema.org/Book"><td><span itemprop="name">Zur Psychopathlogie des Altagslebens</span></td>
<td><span itemprop="alternativeHeadline"> Psicopatologia della vita quotidiana</span></td><td><span itemprop="datePublished" content="1901">1901</span></td></tr>

other book’s tags

<span itemprop=”locationCreated”>

<span itemprop=”bookEdition”> (for Edition)

<span itemprop=”author”> (for Author)

Movies

You could use a code like the following:

<div itemscope itemtype="http://schema.org/Movie">
  <h1 itemprop="name">The Godfather</h1>
  <h2 itemprop="alternateName">Il Padrino</h2>
  <img itemprop="image" src="https://example.com/locandina_il_padrino.jpg" alt="Locandina del film Il Padrino">
  <p>Regista: <span itemprop="director">Francis Ford Coppola</span></p>
  <p>Data di rilascio: <span itemprop="releaseDate">15 marzo 1972</span></p>
</div>
more here.

Lascia un commento

Il tuo indirizzo email non sarĂ  pubblicato. I campi obbligatori sono contrassegnati *