wulin.comの記事紹介(www.vevb.com):インターネットテクノロジーの開発は驚くほど速いです。注意していない場合は、それに追いつくことができない場合があります。 HTML5の変更と更新も多くの人々を圧倒しています。この記事では、最も基本的で非常に必要なHTMLテクニックのいくつかを紹介します。
接続されたテクノロジーの開発は驚くほど速いです。注意していない場合は、それに追いつくことができない場合があります。 HTML5の変更と更新も多くの人々を圧倒しています。この記事では、最も基本的で非常に必要なHTMLテクニックのいくつかを紹介します。
1。新しいドキュメントタイプ(Doctype)
面倒で覚えていない上記のXHTMLドキュメントタイプをまだ使用していますか?まだそうである場合は、新しいHTML5ドキュメントタイプに切り替える時が来ました。
まさにそのような単純な15文字。 (注:Doctype宣言は、HTMLファイルの最初の行に表示する必要があります。)
2。グラフィック(図)要素
次のコードを使用して画像をマークすることを検討してください。
残念ながら、段落のマークと画像要素で単純に包まれているため、シンプルでセマンティックな方法でグラフのタイトルに関連付けることはできません。HTML5は<図>要素を導入することでこれを改善します。 <figcaption>要素と組み合わせて使用すると、グラフィックタイトルとグラフィックをペアリングできます。コードは次のとおりです。
3。<small>を再定義します
<small>要素を使用して、ロゴに密接に関連する字幕を作成できることがわかります。ただし、HTML5がこの使用法を変更し、<small>要素が再定義されているか、より適切に再定義されているため、小さな単語や他のサイドノート(Webサイトの下部にある著作権通知など)を表すために使用されます。
4.これ以上のスクリプトまたはリンクタイプは必要ありません
ほとんどの場合、以下のコードのようなリンクとスクリプトタグにタイプのプロパティをまだ追加しています。
HTML5では、これは不要になりました。これは、これらの2つのラベルがそれぞれスタイルとスクリプトを表すことを意味します。したがって、すべてのタイプ属性を削除できます。コードは次のとおりです。
5.引用符を使用するかどうか
覚えておいてください、HTML5はXHTMLとは異なり、気に入らない場合は属性を引用符で包む必要はありません。ただし、引用符を使用することでより快適に感じることができると思われる場合、もちろん問題はありません。
6.コンテンツを編集可能にします
HTML5の非常に強力な機能の1つはコンテンツ可能です。これは、名前が示すように、ユーザーが要素(子要素を含む)に含まれるテキストコンテンツを編集できるようにすることです。シンプルなタスクリストやWikiベースのサイトなど、幅広い用途があり、その利点の1つは、ローカルストレージを利用することです。
または、5番目のトリックが言っているように、このように(引用なしで)コードを9行目に書くこともできます。
7。電子メール入力
電子メールタイプを適用して入力の形式を指定すると、有効な電子メールアドレス構造に準拠する文字列入力のみを許可するようにブラウザにコマンドできます。組み込みのフォームの確認はまもなく到着しますが、これに完全に頼ることはできません。古いブラウザはこの電子メールの種類を理解していません。通常のテキストボックスに戻るだけです。
ブラウザがサポートし、サポートしていない要素と属性に関しては、すべてのブラウザが現在それほど信頼できないことを知っておく必要があります。たとえば、Operaは、名前属性を指定した場合にのみ電子メールの確認をサポートします。ただし、プレースホルダー属性をサポートしていません(以下で説明するように)。最後に、この形式の検証を使用できますが、あまり頼らないでください。