Skip to content

Instantly share code, notes, and snippets.

@mystroken

mystroken/article-item-list.html

Last active November 8, 2021 19:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mystroken/a35cc8230a55dd8dc5d4d42e91e4709b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mystroken/a35cc8230a55dd8dc5d4d42e91e4709b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mystroken revised this gist Nov 8, 2021. 1 changed file with 6 additions and 9 deletions.
    15 changes: 6 additions & 9 deletions navigations.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,13 +1,10 @@
    <!-- Navigation -->
    <nav>
    <ul role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
    <li itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #1</a></li>
    </ul>
    </nav>

    <!-- Menu -->
    <nav>
    <ul role="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
    <li role="menuitem" itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #1</a></li>
    <ul role="navigation" itemscope itemtype="https://schema.org/ItemList">
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/SiteNavigationElement">
    <a itemprop="url" href="https://example.com">
    <span itemprop="name">Menu Item #1</span>
    </a>
    </li>
    </ul>
    </nav>
  2. mystroken revised this gist Jul 7, 2019. 1 changed file with 8 additions and 0 deletions.
    8 changes: 8 additions & 0 deletions search-form.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    <div itemscope itemtype="https://schema.org/WebSite">
    <meta itemprop="url" content="https://www.example.com/"/>
    <form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
    <meta itemprop="target" content="https://query.example.com/search?q={search_term_string}"/>
    <input itemprop="query-input" type="text" name="search_term_string" required/>
    <input type="submit"/>
    </form>
    </div>
  3. mystroken revised this gist Sep 8, 2018. No changes.
  4. mystroken revised this gist Sep 8, 2018. 2 changed files with 0 additions and 13 deletions.
    13 changes: 0 additions & 13 deletions article-item-list.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,16 +1,3 @@
    <article role="article" itemscope="itemscope" itemtype="http://schema.org/Article">

    <header>
    <h1 itemprop="name">
    <a itemprop="url" href="#" title="">Article title</a>
    </h1>
    Published by <cite itemprop="author">Mystro Ken</cite> on
    <time datetime="2012-03-30T13:37:00Z" pubdate="pubdate" itemprop="datePublished">january 15, 2018 on 13:37</time>
    </header>
    <div class="content" itemprop="articleBody"></div>
    <footer></footer>
    </article>

    <article role="article" itemid="http://example.com/article-1" itemscope itemtype="http://schema.org/BlogPosting">
    <link itemprop="mainEntityOfPage" href="http://example.com/article-1" />
    <h2 itemprop="headline">
    0 structured-data-markup-using-microdata.html → index.html
    View file
    File renamed without changes.
  5. mystroken revised this gist Sep 8, 2018. 3 changed files with 14 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions ...icle-structured-data-using-microdata.html → article-item-list.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    <article role="article" itemscope="itemscope" itemtype="http://schema.org/Article">

    <header>
    <h1 itemprop="name">
    <a itemprop="url" href="#" title="">Article title</a>
    @@ -10,7 +11,8 @@ <h1 itemprop="name">
    <footer></footer>
    </article>

    <article role="article" itemid="http://techcrunch.com/2015/03/08/apple-watch-event-live-blog" itemscope itemtype="http://schema.org/BlogPosting">
    <article role="article" itemid="http://example.com/article-1" itemscope itemtype="http://schema.org/BlogPosting">
    <link itemprop="mainEntityOfPage" href="http://example.com/article-1" />
    <h2 itemprop="headline">
    <a itemprop="url" href="#" title="">Article title</a>
    Coming this April, HBO NOW will be available exclusively in the U.S. on Apple TV and the App Store.
    @@ -28,5 +30,4 @@ <h2 itemprop="headline">
    </span>
    </div>
    <p itemprop="description">Welcome to live coverage of the Apple Spring Forward …</p>
    <p itemprop="articleBody">It's $14.99 a month.<br> And for a limited time, …</p>
    </article>
    11 changes: 11 additions & 0 deletions article-single-page.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    <body itemscope itemtype="http://schema.org/WebPage">
    <article itemprop="mainEntity" itemscope itemtype="http://schema.org/BlogPosting">

    <h1 itemprop="headline">
    Coming this April, HBO NOW will be available exclusively in the U.S. on Apple TV and the App Store.
    </h1>

    <p itemprop="articleBody">It's $14.99 a month.<br> And for a limited time, …</p>

    </article>
    </body>
    0 ...tion-structured-data-using-microdata.html → navigations.html
    View file
    File renamed without changes.
  6. mystroken revised this gist Sep 8, 2018. 1 changed file with 26 additions and 27 deletions.
    53 changes: 26 additions & 27 deletions website-article-structured-data-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,33 +1,32 @@
    <article role="article" itemscope="itemscope" itemtype="http://schema.org/Article">
    <header>
    <h1 itemprop="name">
    <a itemprop="url" href="#" title="">Article title</a>
    </h1>
    Published by <cite itemprop="author">Mystro Ken</cite> on
    <time datetime="2012-03-30T13:37:00Z" pubdate="pubdate"
    itemprop="datePublished">january 15, 2018 on 13:37</time>
    </header>
    <div class="content" itemprop="articleBody"></div>
    <footer></footer>
    <header>
    <h1 itemprop="name">
    <a itemprop="url" href="#" title="">Article title</a>
    </h1>
    Published by <cite itemprop="author">Mystro Ken</cite> on
    <time datetime="2012-03-30T13:37:00Z" pubdate="pubdate" itemprop="datePublished">january 15, 2018 on 13:37</time>
    </header>
    <div class="content" itemprop="articleBody"></div>
    <footer></footer>
    </article>

    <article role="article" itemid="http://techcrunch.com/2015/03/08/apple-watch-event-live-blog" itemscope itemtype="http://schema.org/BlogPosting">
    <h2 itemprop="headline">
    <a itemprop="url" href="#" title="">Article title</a>
    Coming this April, HBO NOW will be available exclusively in the U.S. on Apple TV and the App Store.
    </h2>
    <img itemprop="image" src="http://images.apple.com/live/2015-mar-event/images/573cb_xlarge_2x.jpg">
    <p>
    Published by <cite itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Mystro Ken</span></cite>
    <time itemprop="datePublished" datetime="2015-03-09T13:08:00-07:00">March 9, 2015 1:08PM</time>
    <time itemprop="dateModified" datetime="2015-03-09T13:09:20-07:00"></time>
    </p>
    <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Google</span>
    <span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
    <link itemprop="url" content="https://google.com/logo.jpg">
    </span>
    </div>
    <p itemprop="description">Welcome to live coverage of the Apple Spring Forward …</p>
    <p itemprop="articleBody">It's $14.99 a month.<br> And for a limited time, …</p>
    <a itemprop="url" href="#" title="">Article title</a>
    Coming this April, HBO NOW will be available exclusively in the U.S. on Apple TV and the App Store.
    </h2>
    <img itemprop="image" src="http://images.apple.com/live/2015-mar-event/images/573cb_xlarge_2x.jpg">
    <p>
    Published by <cite itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Mystro Ken</span></cite>
    <time itemprop="datePublished" datetime="2015-03-09T13:08:00-07:00">March 9, 2015 1:08PM</time>
    <time itemprop="dateModified" datetime="2015-03-09T13:09:20-07:00"></time>
    </p>
    <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Google</span>
    <span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
    <link itemprop="url" content="https://google.com/logo.jpg">
    </span>
    </div>
    <p itemprop="description">Welcome to live coverage of the Apple Spring Forward …</p>
    <p itemprop="articleBody">It's $14.99 a month.<br> And for a limited time, …</p>
    </article>
  7. mystroken revised this gist Sep 6, 2018. 1 changed file with 8 additions and 2 deletions.
    10 changes: 8 additions & 2 deletions website-navigation-structured-data-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,13 @@
    <!-- Navigation -->
    <nav>
    <ul role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
    <li itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #1</a></li>
    <li itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #2</a></li>
    <li itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #3</a></li>
    </ul>
    </nav>

    <!-- Menu -->
    <nav>
    <ul role="menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
    <li role="menuitem" itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #1</a></li>
    </ul>
    </nav>
  8. mystroken revised this gist Sep 6, 2018. 1 changed file with 21 additions and 0 deletions.
    21 changes: 21 additions & 0 deletions website-article-structured-data-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -9,4 +9,25 @@ <h1 itemprop="name">
    </header>
    <div class="content" itemprop="articleBody"></div>
    <footer></footer>
    </article>

    <article role="article" itemid="http://techcrunch.com/2015/03/08/apple-watch-event-live-blog" itemscope itemtype="http://schema.org/BlogPosting">
    <h2 itemprop="headline">
    <a itemprop="url" href="#" title="">Article title</a>
    Coming this April, HBO NOW will be available exclusively in the U.S. on Apple TV and the App Store.
    </h2>
    <img itemprop="image" src="http://images.apple.com/live/2015-mar-event/images/573cb_xlarge_2x.jpg">
    <p>
    Published by <cite itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Mystro Ken</span></cite>
    <time itemprop="datePublished" datetime="2015-03-09T13:08:00-07:00">March 9, 2015 1:08PM</time>
    <time itemprop="dateModified" datetime="2015-03-09T13:09:20-07:00"></time>
    </p>
    <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
    <span itemprop="name">Google</span>
    <span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
    <link itemprop="url" content="https://google.com/logo.jpg">
    </span>
    </div>
    <p itemprop="description">Welcome to live coverage of the Apple Spring Forward …</p>
    <p itemprop="articleBody">It's $14.99 a month.<br> And for a limited time, …</p>
    </article>
  9. mystroken revised this gist Jan 14, 2018. 1 changed file with 12 additions and 0 deletions.
    12 changes: 12 additions & 0 deletions website-article-structured-data-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    <article role="article" itemscope="itemscope" itemtype="http://schema.org/Article">
    <header>
    <h1 itemprop="name">
    <a itemprop="url" href="#" title="">Article title</a>
    </h1>
    Published by <cite itemprop="author">Mystro Ken</cite> on
    <time datetime="2012-03-30T13:37:00Z" pubdate="pubdate"
    itemprop="datePublished">january 15, 2018 on 13:37</time>
    </header>
    <div class="content" itemprop="articleBody"></div>
    <footer></footer>
    </article>
  10. mystroken revised this gist Jan 14, 2018. 1 changed file with 16 additions and 0 deletions.
    16 changes: 16 additions & 0 deletions structured-data-markup-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -24,6 +24,22 @@ <h2 itemprop="description">Site Description</h2>
    </main>


    <aside role="complementary" itemscope itemtype="http://schema.org/WPSideBar">
    <section class="widget">
    <h4 class="widget__title" itemprop="name">Site Sidebar Widget 1</h4>
    <div class="widget__text">
    <p>This is the Site Sidebar Widget 1</p>
    </div>
    </section>
    <section class="widget">
    <h4 class="widget__title" itemprop="name">Site Sidebar Widget 2</h4>
    <div class="widget__text">
    <p>This is the Site Sidebar Widget 2</p>
    </div>
    </section>
    </aside>


    <footer role="contentinfo" itemscope itemtype="http://schema.org/WPFooter">
    <p class="copyright">
    &copy; <span itemprop="copyrightYear">2017</span>
  11. mystroken revised this gist Jan 14, 2018. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions structured-data-markup-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@
    <title>Site Title</title>
    <link rel="stylesheet" href="/assets/css/style.min.css">
    </head>
    <body itemscope itemtype="https://schema.org/WebPage">
    <body role="document" itemscope itemtype="https://schema.org/WebPage">


    <header role="banner" itemscope itemtype="http://schema.org/WPHeader">
    @@ -26,7 +26,7 @@ <h2 itemprop="description">Site Description</h2>

    <footer role="contentinfo" itemscope itemtype="http://schema.org/WPFooter">
    <p class="copyright">
    &copy; <span itemprop="copyrightYear">2015</span>
    &copy; <span itemprop="copyrightYear">2017</span>
    <span itemprop="copyrightHolder" itemscope itemtype="http://schema.org/Person">
    <span itemprop="name">Site Holder Name</span>
    </span>.
  12. mystroken revised this gist Jan 14, 2018. 3 changed files with 48 additions and 16 deletions.
    16 changes: 0 additions & 16 deletions index-global-structure.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,16 +0,0 @@
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Site Title</title>
    <link rel="stylesheet" href="/assets/css/style.min.css">
    </head>
    <body itemscope itemtype="https://schema.org/WebPage">

    <!-- The page content goes here -->

    </body>
    </html>
    41 changes: 41 additions & 0 deletions structured-data-markup-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Site Title</title>
    <link rel="stylesheet" href="/assets/css/style.min.css">
    </head>
    <body itemscope itemtype="https://schema.org/WebPage">


    <header role="banner" itemscope itemtype="http://schema.org/WPHeader">
    <hgroup>
    <h1 itemprop="name">Site Title</h1>
    <h2 itemprop="description">Site Description</h2>
    </hgroup>
    </header>


    <main role="main" itemscope itemprop="mainContentOfPage">
    <!-- The page's content goes here -->
    </main>


    <footer role="contentinfo" itemscope itemtype="http://schema.org/WPFooter">
    <p class="copyright">
    &copy; <span itemprop="copyrightYear">2015</span>
    <span itemprop="copyrightHolder" itemscope itemtype="http://schema.org/Person">
    <span itemprop="name">Site Holder Name</span>
    </span>.
    </p>
    </footer>


    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/assets/js/scripts.min.js"></script>

    </body>
    </html>
    7 changes: 7 additions & 0 deletions website-navigation-structured-data-using-microdata.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <nav>
    <ul role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement">
    <li itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #1</a></li>
    <li itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #2</a></li>
    <li itemprop="name"><a itemprop="url" href="https://example.com">Menu Item #3</a></li>
    </ul>
    </nav>
  13. mystroken created this gist Jan 14, 2018.
    16 changes: 16 additions & 0 deletions index-global-structure.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Site Title</title>
    <link rel="stylesheet" href="/assets/css/style.min.css">
    </head>
    <body itemscope itemtype="https://schema.org/WebPage">

    <!-- The page content goes here -->

    </body>
    </html>