LoginSignup
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@Domao(お窓)

SPA時代に忘れがちなマークアップの基本

Posted at

SPAサイトを書いているときに見つけたバグ・本来のHTMLでできることができなくなってしまう問題などをまとめます。(思いつき次第/見つけ次第書き足します)

リンクは aタグで実装しよう

しないと右クリックして別タブで開くことができなくなってしまう

ボタンは buttonタグで実装しよう

しないとTabキーで選択を移動できなくなってしまう + SpaceやEnterに反応しなくなってしまう

画像には widthとheightを設定しよう

しないとレイアウトシフトが発生してしまう。

labelとフォームは関連付けよう

しないとラベルをクリックしても入力欄にフォーカスが行かなくなります。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?