カテゴリー: HTMLリファレンス

문장 흐름 안의 짧은 인용 구간을 표현한 일러스트

HTML qタグ:短い引用・citeの出典と引用符の使い方

q と blockquote や cite 要素または属性を区別する。完全な例を使って、ソースリンクや入れ子の引用を確認し、重複する引用符を避ける。

시계와 시각 선택 컨트롤을 표현한 일러스트

HTML時刻入力:24時間制の値・min・max・stepと秒

15分単位と1秒単位の時間入力を完全な例で比較します。送信された文字列、必須および間隔の検証、リセット、深夜をまたぐ範囲、別々の日付やタイムゾーンの必要性をチェックします。

슬라이더 손잡이와 실시간 조절 결과를 표현한 일러스트

HTML rangeスライダー:min・max・stepと値表示・初期化

テキストサイズとその数値出力をリアルタイムで更新するスライダーを作成します。現在値と初期値を比較し、フォーム送信を確認し、キーボード操作をチェックし、リセットで全ての表示を復元します。

증감 버튼과 일정한 간격의 숫자 입력을 표현한 일러스트

HTML数値入力:min・max・stepと小数・valueAsNumber

数値入力の完全な例で数量と小数を含む重さを検証します。ステップの基準、文字列と数値の値、入力が空の場合の処理、識別子フィールド、およびサーバー側のチェックを比較します。

보이는 입력창 뒤에 숨은 값 카드가 함께 전달되는 일러스트

HTML hidden入力:送信値・JavaScriptでの変更と安全性の限界

完全なフォーム例で、チェックボックスと一緒に隠し値を確認します。無効化されたフィールドとCSSで隠されたフィールドを比較し、JavaScriptで値を変更し、サーバーが隠し入力を検証する必要がある理由を理解します。

재생 버튼과 조절 막대가 있는 동영상 플레이어 일러스트

HTML video:再生操作・自動再生・画面幅への対応とトラブル対処

WebMおよびMP4ソースで完全なビデオプレーヤーの例を実行します。再生属性を選択し、レスポンシブサイズを比較し、自動再生がブロックされた場合やサポートされていないファイルをトラブルシュートし、キャプションと説明を計画します。

여러 줄의 입력 내용을 담은 넓은 텍스트 영역 일러스트

HTML textarea:複数行入力・文字数制限・readonlyと送信値

複数行のデフォルト値、必須および文字数バリデーション、読み取り専用および無効フィールドを備えた完全なテキストエリアの例を実行します。行の折り返しと改行の表示を比較し、JavaScript で現在の値を安全に読み取ります。

선택한 날짜와 허용 범위를 보여 주는 달력 일러스트

HTML日付入力:value・min・max・stepと日付形式

正規化された日付値、両端を含む範囲、必須検証、リセット、および7日間のステップを完全な例で確認します。カレンダーの日付と時刻を区別し、サーバー上で重要なルールを検証します。

입력 양식에서 서버로 값이 전달되는 과정을 표현한 일러스트

HTML form:GET・POSTとaction・nameをPHPで確認

GETとPOSTリクエストを比較するための完全なHTMLとPHPフォームの例を実行します。フィールド名、サーバー側の検証、エスケープされた出力、エンコーディング、リセット動作、一般的な送信失敗を確認します。

여러 항목을 동시에 선택한 체크박스 그룹 일러스트

HTMLチェックボックス:複数の値・required・indeterminate

複数のチェックボックス値、必須バリデーション、無効フィールドの除外、リセット、部分選択を含む完全な例を確認します。欠落または重複したフィールドがサーバーでどのように処理されるべきかを学びます。