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