ability_yuma
5/28/2019 - 7:47 AM

HTML5_テクニック

<!--デバイス幅に合わせて画像を出し分けする方法-->
<picture>
	<source media="(max-width: 767px)" srcset="<?php echo LOCATION_FILE;?>images/home/img_main_01_sp.jpg">
	<img src="<?php echo LOCATION_FILE;?>images/home/img_main_01.jpg" alt="ザ・シロヤマテラス津山別邸の画像">
</picture>

<!--パンくずリスト構造化マークアップ-->
	<nav class="topicpath">
		<ol itemscope itemtype="http://schema.org/BreadcrumbList">
			<li itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
				<a itemprop="item" href="<?php echo LOCATION; ?>">
					<span itemprop="name">TOP</span>
				</a>
				<meta itemprop="position" content="1" />
			</li>
			<li itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
				<a itemprop="item" href="./">
					<span property="name"><?php echo $title;?></span>
				</a>
				<meta itemprop="position" content="2" />
			</li>
		</ol >
		<!-- /.topicpath -->
	</nav>