通常のメモと HTML5 の新しい要素

トピックに入る前に、まずウェブサイト https://www.processon.com/

ProcessOn は、最も強力で使いやすい描画ツールをユーザーに提供するオンライン共同描画プラットフォームです

オンラインで何かを描くだけで、それを詳しく理解できるのは非常に便利です。

正規表現

今日の正規表現は、正規表現の簡単な使い方を学ぶことを目的としています。 HTML5 タグ属性の威力に直面して、私たちは

HTML5 input タグのおかげで、正規化する前に JavaScript を学ぶ必要がなくなりました

パターンは、

将来的には完全に置き換えられることは間違いありません。

正規表現の簡単な使用:

[0-9] は 0 から 9 までの任意の数値を検索します。
[a-z] は、小文字の a から小文字の z までの任意の文字を検索します。
[A-Z] 大文字の A から大文字の Z までの任意の文字を検索します。
[A-z] は、大文字の A から小文字の z までの任意の文字を検索します。

n{X} は、次のシーケンスを含む文字列と一致します。
n{X,Y} は、n の X または Y シーケンスを含む文字列と一致します。
n{X,} は、少なくとも X 個の n シーケンスを含む文字列と一致します。

これらは単純な通常の操作を実装できることに注意してください。例:

これは、0 から 9、a から z、または 1 文字以上の A から Z の範囲の単純なフォーム検証です。

必須とは、このテキストを必須として設定することを意味します。それ以外の場合は、フォームの送信時に入力を求められます。

特に通常のルールを使用するには、メタキャラクター、数量詞、角括弧の意味を覚えておく必要があります。

pattern 属性は、規則的なパターンのマッチング方法を指定し、規則的なパターンに一致する長さだけを記述できます。

現時点では、グローバルや大文字小文字の区別などの修飾子を設定することはできません。

しかし、その機能はすでに非常に強力です。

修飾子を設定できないのはなぜですか?これは正規表現であり、w3c の説明では pattern は文字列ではなく正規表現であるためです

修飾子は省略する必要があるため、この修飾子を設定できず、エラーは発生しません。

補足知識: 中国語の正規表現のマッチング

[u4e00-u9fa5] これは確かに中国語のみに一致します

[^x00-xff] これは、一般的な意味での半角文字であるすべての非 ASCII 文字と、これらの %! に一致します。 ) (などは全角文字です。

HTML5 オーディオおよびビデオ要素

オーディオオーディオタグ

レンダリング:

そのプロパティ:

autoplay autoplay この属性が存在する場合、オーディオは準備が整うとすぐに再生されます。

controls コントロール この属性が表示される場合、再生ボタンなどのコントロールがユーザーに表示されます。

loop ループ この属性が存在する場合、オーディオが終了するたびに再生が再開されます。

preload preload この属性が表示される場合、ページがロードされて再生の準備が行われるときにオーディオがロードされます。 「自動再生」が使用されている場合、この属性は無視されます。

src url 再生されるオーディオの URL。

ビデオタグ

そのプロパティ:

autoplay 自動再生 この属性が表示される場合、ビデオは準備ができ次第再生されます。

controls コントロール この属性が表示される場合、再生ボタンなどのコントロールがユーザーに表示されます。

loop ループ この属性が表示される場合、メディア ファイルは再生終了後に再び再生を開始します。

ミュート ミュートは、ビデオの音声出力をミュートすることを指定します。

ポスター URL は、ビデオのダウンロード時に表示される画像、またはユーザーが再生ボタンをクリックする前に表示される画像を指定します。

preload preload この属性が表示される場合、ページの読み込み時にビデオが読み込まれ、再生の準備が整います。 「自動再生」が使用されている場合、この属性は無視されます。

src url 再生するビデオの URL。

幅ピクセル ビデオプレーヤーの幅を設定します。

高さピクセル ビデオプレーヤーの高さを設定します。

これらにはすべて 3 つの形式があり、1 つは mp4、1 つは ogg、1 つは webm です。この点に関して現在サポートされている形式は十分に完璧ではありません。