2023/12/5記事内に広告が含まれていることがあります。つくセレクタを目にすることがある。input[type=text]、a[target]、a[target=blank]、a[href*=”example”]など。中には1単語のみ入る場合と、イコールでつないで2単語入るばあいがある。この指定方法の意味や役割について実例で解説。例1:属性名で指定する例2:属性名と値を指定する例3:値のパターンを指定する属性の指定いきなり結論から入るが、これは属性を指定するもの。正式には属性セレクターと呼ぶ。属性名で指定したり、属性名と値で絞り込んだり、更にはパターンマッチングも可能と、意外と多機能。属性とは?属性とは、タグに対して付与する追加オプションや絞りこみのようなもの。属性は様々なものが用意されていて、タグごとに使えるものが異なる。有名どころだとinputタグのtype属性や、aタグのhref属性やtarget属性がある。type属性は設定した値により入力欄の性質を変更することができる。targetはリンクをクリックしたあとの挙動を変更する。submitあたりだが、実はかなり多くの機能を提供している。予約システムで、カレンダーから日付を選択したり、メールアドレスの入力欄に@をつけない文字を入力するとエラーになったりなども、属性で指定できる。例:aタグのtarget属性aタグのtarget属性は、見た目は同じだがクリック後の挙動を変えることができる。現在の閲覧中タブ内で遷移する。