blog

重要なHTMLタグ

一般的な英単語 aタグの使い方 href属性: URL パス /a/b/cおよびa/b/c および/ンド...

Nov 16, 2020 · 3 min. read

一般的な英単語

aタグの使い方

href

  • url
  • パス
    • /a/b/c および a/b/c
    • index.html ./index.html
  • 疑似プロトコル
    • javascript:Code;JSコードを実行 javascript:;ボタンをクリックした後、ジャンプとリフレッシュなしで実現できます。
    • mailto:
    • tel:
  • id
    • href=#xxx ID要素へジャンプ

target

  • 内蔵ネーミング
    • _blank: リンクを開くために新しいページにジャンプします。
    • top: トップのiframeページにジャンプしてリンクを開きます
    • parent: トップレベルのiframeページへのリンクを開く
    • self: このページのリンクを開く
  • プログラマーの命名
    • windowの名前: 現在のページ上の任意のaタグを名前で指定されたページで開くことができます。
    • iframe名前
download
  • 機能: ダウンロードページ
  • 問題:すべてのブラウザでサポートされていません

iframe

  • function: インラインウィンドウ
  • ステータス: めったに使用されません

table

関連タグ

  • tableフォームタグ
  • thead: フォームのヘッダー
  • tbodyフォームテーマ
  • tfoot: フォームの末尾
  • tr: フォーム行
  • tdフォームデータ
  • tr: フォームのヘッダーデータ

関連スタイル

  • table-layout テーブル・セルの幅と高さ
    • auto セルの内容が幅と高さを決定します。
    • fixed セルの幅と高さ固定

img

役割:イメージを表示するためにgetリクエストを発行します。

属性:

  • src: イメージソース
  • alt: 代替テキストをロード
  • height
  • width
レスポンシブ
  • max-width:100% 最大幅はウィンドウの幅です。

置換可能な要素

form

役割:取得または投稿リクエストを送信し、ページを更新します。

属性

  • action: フォーム送信のアドレス
  • autocompletesvg : オートコンプリートボックス
  • methodGET または POST モードの選択
  • targetジャンプメソッド

イベント

  • onsubmit

input

役割: ユーザーに内容を入力させます

属性

  • タイプ
    • button
    • checkbox: マルチチェックボックス
    • emailsvg : 電子メール
    • file
    • hidden
    • number
    • password
    • radio: ラジオボックス
    • search
    • submit: 送信ボタン
    • tel
  • その他
    • nameフォーム名
    • autofocus: 自動チェック
    • checked
    • disabled
    • maxlength最大長
    • value: デフォルト値
    • placeholder: 入力プロンプトメッセージ
    • pattern: 入力値の検証に用いる正規表現

イベント

  • onchange変更応答イベント
  • onfocus選択応答イベント
  • onblur: 終了応答イベント

その他の入力タグ

タグ

  • select + optionチェックボックスとオプション
  • textarea複数行入力
  • label

備考

  • 通常、入力のクリック・イベントは聞きません。
  • form中の入力に名前を付けます。
  • submitイベントを発生させるには、type=submitをフォーム内に記述する必要があります。

その他のタグ

  • audio: オーディオタグ
  • canvas: キャンバスタグ
  • svg ベクタータグ
  • svg : ベクターグラフィックラベル
Read next

スタイル付きコンポーネント

styled-はjsでよく使われるcssのクラスライブラリです。同種のクラスライブラリと同様に、変数やループ、関数など、ネイティブのcssにはない問題を解決します。sass&lessのような前処理を行うことで、cssの制限のいくつかに対処することができますが、学ぶべき新しい構文とプログラミングの必要性が残っています...

Nov 16, 2020 · 2 min read