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>