Within Visual Studio Code 1.7.2, I am able to generate a quick list of HTML data with the following snippet, followed by pressing TAB...
ul>li*5>h3+div
That will generate this list...
<ul>
<li>
<h3></h3>
<div></div>
</li>
<li>
<h3></h3>
<div></div>
</li>
<li>
<h3></h3>
<div></div>
</li>
<li>
<h3></h3>
<div></div>
</li>
<li>
<h3></h3>
<div></div>
</li>
</ul>
But how can I prepopulate every <h3></h3> to say <h3>tite</h3>, and every <div></div> to say <div>content</div>?
VScode uses emmet for this, so the input text would be:
ul>li*5>h3{title}+div{content}
which will expand to:
<ul>
<li>
<h3>title</h3>
<div>content</div>
</li>
<li>
<h3>title</h3>
<div>content</div>
</li>
<li>
<h3>title</h3>
<div>content</div>
</li>
<li>
<h3>title</h3>
<div>content</div>
</li>
<li>
<h3>title</h3>
<div>content</div>
</li>
</ul>
Here's additional documentation of the Emmet abbreviation syntax
Related
Well, this is the code included in Header.html on my site. Whenever I click on Topics, Home, or any link that leads to (www.mywebsite/THElink) I get a 404 page not found. However, on the demo of the CMS theme, those links give information taken from MySQL Db which also I have configured right.
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li {if isset($is_home) AND $is_home eq 1}class="active" {/if}>Home</li>
<li {if isset($is_topics) AND $is_topics eq 1}class="active"{/if}>Topics</li>
<li {if isset($is_authors) AND $is_authors eq 1}class="active"{/if}>Authors</li>
</ul>
<ul class="nav navbar-nav navbar-right search-nav">
<li class="search-form">
<form method="GET" action="./search/">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search Quotes" {if isset($is_search) AND $is_search eq 1}value="{$q}"{/if} />
<span class="input-group-addon"><button type="submit" class="btn-link"><span class="fa fa-search"></span></button></span>
</div>
</form>
</li>
</ul>
</div>
it's just an issue of .htaccess file. This particular file has huge impact on the whole site.
I've looked at a lot of documentation but I can't figure out if the structured data should be placed on all pages? For example, I have this code on my main home page:
<ol vocab="http://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
Home
<span property="position" content="1"></span>
<span property="name" content="Home"></span>
</li>
<li property="itemListElement" typeof="ListItem">
About
<span property="position" content="2"></span>
<span property="name" content="About"></span>
</li>
<li property="itemListElement" typeof="ListItem">
Services
<span property="position" content="2"></span>
<span property="name" content="Services"></span>
</li>
<li property="itemListElement" typeof="ListItem">
Contact
<span property="position" content="2"></span>
<span property="name" content="Contact"></span>
</li>
</ol>
Although Google now shows all the breadcrumbs like this:
Is it a problem with my relative URLs? Should I not include the meta data for other pages that the user isn't on?
I'm using schema.org microdata on my web site but I'm struggling with the BreadcrumbList as Google's structured data testing tool will not validate it. It looks correct and I can't see what's wrong.
You can click the above link to see the errors, but to summarise, Google says that the itemtype attribute has an invalid value for each of the items and also complains that the mainEntityOfPage attribute is missing from the list. I did try adding mainEntityOfPage in a meta tag but it still complained about it.
What am I doing wrong?
<ul itemscope="" itemtype="http://schema.org/BreadcrumbList">
<li class="home" itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<span itemprop="name">Home</span>
<span>/ </span>
<meta itemprop="position" content="1">
</li>
<li class="category3" itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<span itemprop="name">RC Cars</span>
<span>/ </span>
<meta itemprop="position" content="2">
</li>
<li class="category10" itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<span itemprop="name">Car Kits</span>
<span>/ </span>
<meta itemprop="position" content="3">
</li>
<li class="product">
<strong>Tamiya Lunch Box. No ESC [58347]</strong>
</li>
</ul>
The breadcrumbs must use the breadcrumb property, and put this inside another itemscope (ideally http://schema.org/WebPage). You are also missing is itemprop="breadcrumb which must be right before your itemscope.
<div class="breadcrumbs" itemscope itemtype="http://schema.org/WebPage">
<ul itemprop="breadcrumb" itemscope="" itemtype="http://schema.org/BreadcrumbList">
<li class="home" itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<span itemprop="name">Home</span>
<span>/ </span>
<meta itemprop="position" content="1">
</li>
<li class="category3" itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<span itemprop="name">RC Cars</span>
<span>/ </span>
<meta itemprop="position" content="2">
</li>
<li class="category10" itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<span itemprop="name">Car Kits</span>
<span>/ </span>
<meta itemprop="position" content="3">
</li>
<li class="product">
<strong>Tamiya Lunch Box. No ESC [58347]</strong>
</li>
</ul>
I try to markup my first page (a news website). The structure is like this:
<html itemscope itemtype="http://schema.org/WebPage>
<body>
<ul itemprop="mainContentOfPage" itemscope itemtype="http://schema.org/ItemList"> // main part
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/NewsArticle"> head line of an news1 </li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/NewsArticle"> head line of an news2 </li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/NewsArticle"> head line of an news3 </li>
</ul>
<div>
</body>
</html>
I got error with itemprop="mainContentOfPage" and itemprop="itemListElement" in Google’s Testing Tool because of
is not a know valid target...
How can I solve this error?
The mainContentOfPage property cannot have an ItemList as value.
You probably want to use the mainEntity property instead:
<html itemscope itemtype="http://schema.org/WebPage">
<body>
<ul itemprop="mainEntity" itemscope itemtype="http://schema.org/ItemList">
</ul>
</body>
</html>
Meaning: the ItemList item is the primary entity described in this WebPage item.
I am trying to follow documentation for breadcrumbs markup https://developers.google.com/structured-data/breadcrumbs
I am not sure if I should also put current page as a child in breadcrumbs with its link pointing to the same page? Interesting that google on that page doesnt even have current page in breadcrumbs, and looking in its page code they don't even have breadcrumb markup.
<ul>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li>
<a itemprop="url" href="<?php echo $home_url; ?>">
<span itemprop="title">Home</span>
</a>
</li>
<span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<li>
<a itemprop="url" href="<?php echo $home_url; ?>/pvc-stolarija"><span itemprop="title">Pvc stolarija</span></a>
</li>
<li><?php echo get_the_title(); ?></li>
</span>
</span>
</ul>