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>