この質問は、この質問に少し触発されたもので、最も支持された回答は HTML 5 の機能を使用することを推奨していました。これは確かに良い方法のように思えましたが、将来の仕様の機能を一般的に使用することに興味を持ちました。
HTML 5 には多くの優れた改善点があり、その多くは現在のブラウザーで問題なく使用できます。
いくつかの例:
// new, simple HTML5 doctype (puts browsers in standards mode)
<!doctype HTML>
// new input types, for easy, generic client side validation
<input type="email" name="emailAddress"/>
<input type="number" name="userid"/>
<input type="date" name="dateOfBirth"/>
// new "required" attribute indicates that a field is required
<input type="text" name="userName" required="true"/>
// new 'data-' prefixed attributes
// for easy insertion of js-accessible metadata in dynamic pages
<div data-price="33.23">
<!-- -->
</div>
<button data-item-id="93024">Add Item</button>
これらの新機能の多くは、ブラウザーがフォームを自動的に検証できるようにするだけでなく、より適切な入力 (日付ピッカーなど) を提供できるように設計されています。いくつかは単に便利で、将来に備えるための良い方法のように思えます.
それらは現在、現在のブラウザーで (私が知る限り) 何も壊さず、クリーンで一般的なクライアント側コードを可能にします。
ただし、それらはすべて HTML 5 では有効ですが、HTML 4 では有効ではなく、HTML 5 は現時点ではまだドラフトです。
先に進んで、これらの機能を早期に使用することをお勧めしますか?
私が気付いていないブラウザーの実装上の問題はありますか?
HTML 5 のドラフト機能を利用する Web ページを開発する必要がありますか?