HTML 5ベース強化cssスタイル編(意味化ラベルとその互換性IE 8)(五十五)
3639 ワード
1.セマンティックラベル
<!--: 、 、 ( )。、-->
<!-- title , title , title 60 。-->
<script type="text/javascript">
</script>
<hn/>
<!--:h1~h6 , 。-->
<!-- , , , h1。-->
<header/>:
<!-- 、 、 。-->
<!-- 。-->
<nav/>
<!-- , 。-->
<!--html5 nav, 、 。-->
<main/>
<!-- , 。 web , 。-->
<article/>:
<!-- = =|| , 、 、 。-->
<!--article article, article 。-->
<section/>:
<!-- , 、 、 。-->
<!-- , div!-->
<aside/>
<!-- , 、 、 、 、 、 。-->
<!-- main , 。-->
<footer/>
<!-- , body , 。-->
<small/>
<!-- , 、 、 、 。-->
<!-- , “ ”、“ ” 。-->
<strong/>
<!-- 。-->
<em/>
<!-- ( )。-->
<mark/>
<!-- (yellow), 。-->
<!-- HTML5 em , strong 。-->
<b/>
<!-- , -->
<i/>
<!-- = =||| ······-->
<figure/>
<!-- ( 40px margin)。-->
<figcaption/>
<!--figure , figure 。-->
<cite/>
<!-- , , 、 、 , 、 、 、 、 。-->
<!-- , 。-->
<blockquoto/>
<!-- , 。-->
<q/>
<!-- ( , )。-->
<!-- blockquoto q cite ( cite !), 。cite=“URL” 。-->
<time/>
<!-- 。datetime , , 。-->
<!-- s 。-->
<abbr/>
<!-- 。 title , ok。-->
<!--abbr[title]{ border-bottom:1px dotted #000; }-->
<dfn/>
<!-- , , dl 。-->
<address/>
<!-- 、 ( 、 )。-->
<!-- , footer 。 。-->
<del/>
<!-- 。-->
<ins/>
<!-- 。-->
<!-- , 。-->
<code/>
<!-- 。 (< < > >)-->
<pre/>
<!-- 。 。-->
<meter/>
<!-- 。 。-->
<!-- :-->
<meter value="0.2" title="”Miles“">20%completed</meter>
<progress/>
<!-- 。 js value。-->
</code></pre>
<p>2. IE8</p>
<p> IE8 js IE8 </p>
<pre><code><code/></code></pre>
<pre><code>[!IE ltr 8]
<span style="color:#e8bf6a;"><script><span style="color:#bababa;">type=</span><span style="color:#a5c261;">"text/javascript" </span><span style="color:#bababa;">src=</span><span style="color:#a5c261;">"js/html5shiv.js"</span><span style="color:#e8bf6a;">></script>
</span>[end]</code></pre>html5shiv.js :https://download.csdn.net/download/u010853130/10378209
<br/>
<p><br/></p>
</div>
</div>
</div>
</div>