8つの有用なHTML 5タグ

2660 ワード

Webフロントエンドの開発者として、ページを作成するときに、さまざまなラベルの中から適切なラベルを選択して、対応する機能を完了します.一部のHTML 5ラベルは広く伝わっています.例えば、
ですが、一部のラベルは知っている人が少なく、使う人も少ないかもしれません.
1.コンテキストハイライトラベルは、「関連(relevance)」または「注意観察(scrutiny)」要素およびテキストが私たちの活動に関連するべきであり、この相関はその時点で私たちに役立つことを示すために使用されるべきである.
http://codepen.io/SitePoint/p...
2.
前にこのラベルを使ったことがあるかもしれませんが、字面の意味と同じように、字を小さく見せる役割を果たしています.
このラベルは、テキストや情報の重要度を低減するために使用されるべきです.
http://codepen.io/SitePoint/p...
3.および この2つのラベルはいずれも参照であり、は小セグメントのインラインテキストに使用され、は大セグメントのテキストの参照に使用される.

Try our latest sandwich!

Come and try our latest, biggest and tastiest sandwich. John Smith told us he hasn't eaten anything as good in his whole life!

Infuse your life with action. Don't wait for it to happen. Make it happen. Make your own future. Make your own hope. Make your own love. And whatever your beliefs, honor your creator, not by passively waiting for grace to come down from upon high, but by doing what you can to make grace happen... yourself, right now, right down here on Earth. Bradley Whitford - Author

4.,,は、ドキュメントに追加されたばかりのコンテンツを定義するために使用されるは、ドキュメントから削除されたコンテンツの両方のラベルが2つのオプションのプロパティをサポートすることを定義するために使用され、citeは、現在の変更の原因を説明するリンクにリンクするために使用され、datetimeは、この変更がいつ発生するかを定義するために使用される.は、現在のテキストが関連付けられていないか、正しくないことを示すために使用されます.通常、置換されたテキストの内容が添付されます.
http://codepen.io/SitePoint/p...http://codepen.io/SitePoint/p...
5. ラベルは、要素の分類に役立つラベルと組み合わせるために使用されます.
http://codepen.io/SitePoint/p...http://codepen.io/SitePoint/p...
6. を使用して、タグで使用可能な選択リストを定義します.
Datalistの表現は、入力ボックスの下に選択ボックスとドロップダウン矢印が表示され、事前に定義された内容を選択することです.キーワードの一部を入力すると、選択リストの内容が一致するとハイライト表示されます.
リストに表示されるコンテンツを選択するには、input設定のtypeタイプ(type=emailなど)に一致する必要があります.選択リストには、emailルールに合致するコンテンツのみが表示されます.
この特性はsafariを除いて広くサポートされている.
http://codepen.io/SitePoint/p...