問題タブ [semantic-markup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
6 に答える
1990 参照

html - どこでもブロックをクリアする必要がある場合、テーブルレス設計の利点は何ですか?

<div>からタグに移行するという目標は、<table>よりセマンティックであるため、理にかなっていることを理解しています。ただし、列ベースのレイアウトを機能させるためにブロックをクリアする必要がある場合に得られる利点はわかりません。例えば:

余分な<br>タグは、厳密にスタイルを記述するために使用され、レイアウトを機能させるために必要です。これにより、テーブルを削除することで得られるすべてのメリットが台無しになりませんか?

0 投票する
8 に答える
908 参照

html - メッセージのセマンティック HTML

私は小さな Web チャット ユーティリティを作成しており、メッセージに使用する要素についてアドバイスを求めています。

現時点で使用を考えているのは以下のとおりです。

ここで CSS を利用して、タイムスタンプや d ユーザーのアイコンなどを括弧で囲みます。メッセージごとにcitea を使用するのはばかげている (そして正しくない) と思いましたが、ユーザーを参照しているので正しいと思います。メッセージを投稿したもの。blockquotecite

これが a) 正確な科学ではなく、b) 完全に必須ではないことはわかっていますが、全体を通して s よりも意味のある要素を使用したいと思いspanます。他に考慮すべき要素はありますか?マイクロフォーマットはありますか?

0 投票する
6 に答える
2152 参照

html - Google はマイクロフォーマットを「理解」しており、SEO に役立ちますか?

セマンティック HTML を使用すると、Google が Web サイトをクロールして「理解」しやすくなりますが、マイクロフォーマットについてはどうでしょうか。マイクロフォーマットは、標準の HTML マークアップよりもセマンティック/クロール可能ですか?

0 投票する
6 に答える
3990 参照

html - 画像のキャプション

最新の HTML/CSS を使用して Web 上の画像にキャプションを付ける最も適切な方法は何ですか? デモコードをください。

0 投票する
3 に答える
1998 参照

xhtml - XHTML で証言をマークアップする最良の方法は何ですか?

p以前はこれにand要素を使用してspanいましたが、常に適切な要素を使用するように努めています。これは、お客様の声に関してこれまであまり考えたことがありませんでした。

これは私が念頭に置いていたことです...

それはこれを行うための最良の方法のように見えますか? ベストプラクティスはありますか?

彼らのサイトでW3C マークアップの証言がどのように使用されているかを調べたところ、 ...

W3C がどのようにそれを行ったかをコピーするだけでよいのでしょうか?

0 投票する
4 に答える
824 参照

attributes - リンク関係 (「rel」属性) をよく使用しますか?

私は、より標準に基づいた、アクセスしやすく、意味的に正しい Web 開発アプローチに移行したいと考えています。オフィスでは、すぐに大きな変化が起こるとは思っていませんが、今後さらに前進するための基本的な基盤のいくつかを築き始めようとしています.

このプロセスの一部はrel、リンクやその他のコンテンツへの属性の導入です。これは、おなじみの古いものよりもさらに拡張されます

多くの開発者は、おそらく何も考えずに投入するでしょう。rel誰かが他の方法で定期的に使用しているかどうか知りたいです。たとえば、メイン ナビゲーションのリンクを でホームページに戻すように設定しますrel="start"

自分のプロジェクトでリンク関係を実装したことがある場合、それらを採用するきっかけとなったのは何ですか? また、どのような利点を実現しようとしましたか?

リンク関係を見たものの、使用しないと決めた場合、その決定の根拠は何ですか?

0 投票する
8 に答える
8360 参照

html - (X) 書籍名の HTML マークアップ

本のタイトルは <em> タグに含めるべきですか? そうでない場合、より適切なマークアップはありますか?

0 投票する
6 に答える
360 参照

html - ページをセマンティックにマークアップすることを優先する必要がありますか? それとも、セマンティック Web は、実際に軌道に乗ることのない良いアイデアなのでしょうか?

セマンティック Webは素晴らしいアイデアです。また、セマンティック Web の概念を使用して実現された、非常に優れた機能が数多くあります。しかし、結局のところ、それは単なる夢物語なのだろうかと思い始めています。完全なセマンティック Web の作成に真に成功し、セマンティック Web を利用してユーザーにより深い Web エクスペリエンスを提供できない場合、完全なセマンティック Web を確保するために時間と余分な努力を費やす価値があります。ページは私自身または私のチームによって作成されていますか?

セマンティック ページは通常、より良いものになることを知っています (私が考えるよりも細部への注意が必要です)。部分的にセマンティックなページであり、将来の何らかのリターンを期待して完全にセマンティックです。

0 投票する
9 に答える
169569 参照

html - TD 内の DIV は悪い考えですか?

<div>の内部はノーノーだったとどこかで聞いた/読んだようです<td>。動作しないというわけではありませんが、ディスプレイの種類に基づいて実際に互換性がないということです。私の勘を裏付ける証拠が見つからないので、完全に間違っている可能性があります。