HTMLをやり直してamazingのラベルを

6091 ワード

今回は短い時間でhtmlのラベル(html 5の追加を含む)を再整理しましたが、以前は軽くて精巧で実用的なラベルを無視していたことに気づき、以下のようにまとめました.
 
書式ラベル:
ラベル:ドキュメントまたは記事の作成者/所有者の連絡先情報を定義します.要素のテキストは通常斜体として表示され、多くのブラウザではaddress要素の前後に折り返し行が追加されます.
  <address>                <footer>    。     :<address>              ,            。  

ラベル:ブロック参照を定義します.
の間のすべてのテキストは通常のテキストから分離され、その左、右の両側にインデント(外距離を増やす)され、斜体が使用される場合があります.    
    : <blockquote><p>            

ラベル:記号付きテキストを定義します.       
    :Do not forget to buy milk today.  (   milk  <mark>

ラベル:既知の範囲または数値内のスカラー測定を定義し、gauge(スケール)とも呼ばれます.        
    :<meter>           (     );       ,    <progress>   。     :Internet Explorer     meter   。 

ラベル:タスクの進捗状況(プロセス)を示します.
  <progress>     JavaScript     ,        。 

 
フォームラベル:
ラベル:フォームの内容の一部をパッケージ化し、関連するフォームのフィールドのセットを生成します.(フォーム内の関連要素をグループ化する)
フォーム要素のセットが
ラベル内に配置されると、ブラウザは特殊な境界、3 D効果、またはサブフォームを作成してこれらの要素を処理することもできます.
    :<legend>     fieldset       。

ラベル:スクリプトの出力など、異なるタイプの出力を定義します.
` <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
 <input type="range" id="a" value="50">100
 +<input type="number" id="b" value="50">
 =<output name="x" for="a b"></output>
 </form>

  :Internet Explorer 8 <output> 。

 
画像ラベル:
ラベル:クライアント画像マッピングを定義します.画像マッピング(image-map)とは、クリック可能な領域を有する画像(各領域がスーパーリンクである)を指す.
   :area         map     。area              。    :<img>   usemap       <map>    id   name   (      ),         <map>    id   name   。

ラベル:グラフやその他の画像などのグラフィックを定義します.
   :<canvas>         ,            。    :Internet Explorer 8            <canvas>

 
  
これらのラベルはあまり使われていないので忘れられましたが、振り返ってみると、このような簡単なラベルでインタフェースの内容を豊かにすることができます.温故知新!