問題タブ [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 投票する
4 に答える
17716 参照

html - HTML head タグでの profile 属性の使用

HTML<head>タグでのプロファイル属性の使用は何ですか?

私はたまたまここでそれについて読んだ: http://www.w3schools.com/tags/tag_head.asp .

これも ( http://www.w3.org/2002/12/namespace )理解できませんでした。これは (私にとっては) 技術的すぎるためです。

私はそれを使用したことがありません。それが果たす目的は何ですか?

0 投票する
1 に答える
1892 参照

html - imgタグのismap属性の本当の目的は何ですか?

イメージタグで ismap 属性を使用したことはありません。

紹介http://www.w3schools.com/tags/tag_img.aspを参照してください

イメージをサーバー側のイメージ マップとして指定します。ほとんど使われません。代わりに usemap を見てください

私はフロントエンド Web 開発者なので、使用する機会がないかもしれません。

サーバーサイドの人は、それに光を当ててくれませんか?

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

html - noscriptタグのonclickイベントの目的は何ですか?

http://www.w3schools.com/tags/tag_noscript.aspを読んだ後、noscriptタグのonclickイベントについて混乱しました。

誰もが目的を知っていますか?

目的がないのなら、なぜ彼らはそれを維持するのですか?

よろしくお願いします。

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

html - 意味的に正しいHTMLチェックボックスリスト

次の形式で表示したいHTMLチェックボックスリストがあります。

これを意味的にコーディングするための最良の方法は何だろうか?

意味的に正しいチェックボックスに関する関連する質問を見ましたが、これはタイトルを考慮していません。

何か案は?

0 投票する
10 に答える
2701 参照

html - セマンティック マークアップは自由すぎるのですか?

Dive Into HTML5をのぞき見しています。素敵で面白いようですが、私は困惑しています。

1990 年代、Netscape がブラウザで、HTML が HTML2 または HTML3 だった当時、たくさんのタグがありました: address、cite、code... それらのほとんどは現在では使用されておらず、おそらく時代遅れになっています。

HTML5 では、タグ自体に「意味的な意味」を表現するためのタグが導入されています。これはすべて楽しいゲームですが、このアプローチには非常に奇妙なものがあります。技術的には、セマンティクスは非常にオープンエンドです。HTML5 には、記事、時間、ナビゲーション バー、フッターのタグがあります。投稿アイコン、著者の場所、名前と姓、または特定のセマンティクスを割り当てたいその他のタグを含めるべきではないのはなぜですか (私は確信<rant>しており、<nsfw>非常に重要なタグになると思います): ? XML はセマンティクスを物に割り当てるための戦略だと思っていました。XHTMLの div 要素の下に XML チャンクを置き、それにスタイルシートを割り当てて適切にスタイルを設定したり、その名前空間の処理を適切なビューアーに委譲したりすることを禁じるものは何もありません(たとえば、RSSSVGを処理する場合))。

結論として、セマンティクスが非常に幅広いトピックであり、潜在的に無限の量のセマンティック タグを必要とすることが保証されていることは明らかな場合、セマンティクスに焦点を当てたこの拡張の背後にある理由がわかりません。W3Cには賢い人たちがいると確信しているので、私は間違っていると思いますが、その理由を知りたいです。

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

html - ラベル/値データを表示するために使用するHTMLマークアップは何ですか?

ラベルとそれに関連する値のリストを含むプロファイルユーザーコンテナをレンダリングしたいと思います。

これが私が表示したい情報とレイアウトの抜粋です:

.......MyName

年齢...................MyAge

メール................MyEmail

利用できる例がたくさんあることは知っていますが、問題は、一般的に受け入れられている解決策がないように見えることです。

これまでのところ、私は次の使用法を見てきました:

  1. マークアップのあるテーブル(および<tr>、<td> ...)
  2. <ul>マークアップ(および<li>、<div> ...)の順序付けされていないリスト
  3. <h1>、<h2>...<p>の通常のマークアップ
  4. <DL>、<DT>、<DD>の定義リスト
  5. <ラベル>...?

最も意味的に正しいものは何ですか?(2列のレイアウトで)表示するのが最も簡単なものは何ですか?何を使用するように、そしてどのような理由で私にアドバイスしますか?

(html / cssコードスニペットは大歓迎です)

0 投票する
10 に答える
182615 参照

html - アンカー内のスパンまたはスパン内のアンカーまたは問題ではない?

spanネストしてaタグ付けしたい。するべきか

  1. <span>中に入れる<a>
  2. <a>中に入れる<span>
  3. それは問題ではありません ?
0 投票する
2 に答える
303 参照

css - 論理的および意味的に正しく、A グレードのブラウザと互換性があり、フロートをクリアする W3C の有効な方法は何ですか?

フロートをクリアするための論理的に正しく、W3Cの有効な方法は何ですか?

  1. zoom:1W3C および IE8 では有効ではありません ハッシュ レイアウトの問題はありません
  2. overflow:hiddenoverflow:hidden 仕様はオーバーフローを使用することを意図していたため、これを行うようにはなりませんでした
  3. <div class="clear"/>は意味的に正しくなく、余分なマークアップを追加したくありません。
  4. clearfix ハックは、意味的な価値をまったく持たないコンテンツを生成します。

この問題について多くの質問をし、多くの記事を読みましたが、最善の方法が見つかりません。

0 投票する
1 に答える
185 参照

html - Googleセマンティック結果の質問

http://www.google.co.uk/search?q=mark+zuckerberg+crunchbase

みんな、その検索、特に最初の結果のURLをチェックしてください。Crunchbase.com> People、したがって、Peopleはサイトの/peopleセクションにリンクします。

彼らはどのようにそれを達成していますか?Googleのアルゴリズムはインテリジェントであり、リンクを探して、場合によってはそれ自体を仮定しますが、Googleがこれらの接続を確立するのを支援するために使用している特定のマークアップはありますか?

0 投票する
5 に答える
4894 参照

html - 複雑なまたはネストされたHTMLテーブルのセマンティックマークアップ?

データ行に単一のテーブル行に収まらない複雑なデータが含まれている場合に、Webページで表形式のデータをマークアップするための最良の方法を知りたいです。

具体的な例を示します。最初の行には、腕と脚に関する追加情報のリストが添付されています。

このようなネストされたテーブルを含むスパンセルを使用する以外に、これをマークアップする良い方法はありますか?

外側のテーブルには特定の見出しと意味を持つ4つの列があるため、これには完全には満足していません。ただし、2番目の行は4つの列すべてにまたがっており、別のものが含まれています。この情報を、トップレベルのテーブルの一部ではなく、最初のラインアイテム(Shadrach)の一部にしたいと考えています。しかし、HTMLではこれができないようです。

より良い、よりセマンティックな方法はありますか?