[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

64users がブックマーク コメント 5

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね(スクリーンリーダーと検索エンジンのために)

64 users zenn.dev/kagan

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント5

  • 注目コメント
  • 新着コメント
shingo-sasaki-0529
むしろ Table をみだりに使わずに dl, dt, dd を活用するべきって思ってたけど、この結果で見ると明らかに Table が優勢だなぁ。マークアップを頑張りすぎずともテーブルなら直感的に必要十分な読み上げが出来る感じがする。

その他
flirt774
合わせて抑えておきたい テーブルを組む際に気をつけたいこと https://accessible-usable.net/2014/08/entry_140822.html

その他
demAge
スマホサイズ時にthとtdの横幅を100%にして縦に並べることを強制される時とか、アコーディオンの適用とか考えるとtable捨てたいんだけどねえ

その他
dexia2
複雑なデザイン要件に対応できず、テーブルを捨てたことが幾度ともなくあるので、若干警戒してます。そうなると結局divとariaで頑張るしかないのですが......

その他
tech0403
機械可読性を持ち出すと全てtableで組む事になる。多重ネストやcolspan、rowspanが多様されると人間様がメンテできなくなる。CSSでも苦戦するし、ul, olでデータ構造はシンプルにすべきだよねってなったのが2000年代の出来事

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「【HTML】dl, dt, d...」が注目されています。

気持ちをシェアしよう

ツイートする

【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね(スクリーンリーダーと検索エンジンのために)

dl や ul で組むべきでないという主張ではありませんので誤解のなきよう! dl で書くんだ!と思える人は... dl や ul で組むべきでないという主張ではありませんので誤解のなきよう! dl で書くんだ!と思える人はそれがいいと思います😉👍 私自身は dl と table が HTML の使い方としてはどちらも正解で差がないように感じられて、どちらを使うべきか判断がつかず悩んだ末、具体的なメリットの部分を見て table にしたという話です。 同じように迷った人の参考になれば幸いです。 詳しくは以降で説明します。 想定する表の内容 この記事の議論では、名前と値の組が複数並んでいる、メタデータの表を想定します。 プログラミング言語でいうところの、連想配列 (Map, Dictionary, JS では Object) の構造に相当します。 具体的には以下のようなものです。 会社概要(「会社名:〇〇、所在地:〇〇、資金:〇〇、...」) 商品の仕様表(「商品名:〇〇、価格:〇〇、サイズ:〇〇、...」

ブックマークしたユーザー

  • techtech05212024年06月30日 techtech0521
  • route_haduki2024年06月28日 route_haduki
  • reona52024年05月02日 reona5
  • matea2024年04月20日 matea
  • takus012024年04月16日 takus01
  • shingo-sasaki-05292024年04月14日 shingo-sasaki-0529
  • tackun_hate2024年04月11日 tackun_hate
  • herakures2024年04月11日 herakures
  • ayoshh2024年04月09日 ayoshh
  • tabarka2024年04月09日 tabarka
  • flirt7742024年04月08日 flirt774
  • jun_okuno2024年04月08日 jun_okuno
  • karuakun2024年04月08日 karuakun
  • sakimoridotnet2024年04月08日 sakimoridotnet
  • aihika2024年04月08日 aihika
  • korin2024年04月08日 korin
  • namachikuwa2024年04月08日 namachikuwa
  • dhesusan46492024年04月08日 dhesusan4649
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /