問題タブ [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.
html - HTML head タグでの profile 属性の使用
HTML<head>
タグでのプロファイル属性の使用は何ですか?
私はたまたまここでそれについて読んだ: http://www.w3schools.com/tags/tag_head.asp .
これも ( http://www.w3.org/2002/12/namespace )理解できませんでした。これは (私にとっては) 技術的すぎるためです。
私はそれを使用したことがありません。それが果たす目的は何ですか?
html - imgタグのismap属性の本当の目的は何ですか?
イメージタグで ismap 属性を使用したことはありません。
紹介http://www.w3schools.com/tags/tag_img.aspを参照してください
イメージをサーバー側のイメージ マップとして指定します。ほとんど使われません。代わりに usemap を見てください
私はフロントエンド Web 開発者なので、使用する機会がないかもしれません。
サーバーサイドの人は、それに光を当ててくれませんか?
html - noscriptタグのonclickイベントの目的は何ですか?
http://www.w3schools.com/tags/tag_noscript.aspを読んだ後、noscriptタグのonclickイベントについて混乱しました。
誰もが目的を知っていますか?
目的がないのなら、なぜ彼らはそれを維持するのですか?
よろしくお願いします。
html - 意味的に正しいHTMLチェックボックスリスト
次の形式で表示したいHTMLチェックボックスリストがあります。
これを意味的にコーディングするための最良の方法は何だろうか?
意味的に正しいチェックボックスに関する関連する質問を見ましたが、これはタイトルを考慮していません。
何か案は?
html - セマンティック マークアップは自由すぎるのですか?
Dive Into HTML5をのぞき見しています。素敵で面白いようですが、私は困惑しています。
1990 年代、Netscape がブラウザで、HTML が HTML2 または HTML3 だった当時、たくさんのタグがありました: address、cite、code... それらのほとんどは現在では使用されておらず、おそらく時代遅れになっています。
HTML5 では、タグ自体に「意味的な意味」を表現するためのタグが導入されています。これはすべて楽しいゲームですが、このアプローチには非常に奇妙なものがあります。技術的には、セマンティクスは非常にオープンエンドです。HTML5 には、記事、時間、ナビゲーション バー、フッターのタグがあります。投稿アイコン、著者の場所、名前と姓、または特定のセマンティクスを割り当てたいその他のタグを含めるべきではないのはなぜですか (私は確信<rant>
しており、<nsfw>
非常に重要なタグになると思います): ? XML はセマンティクスを物に割り当てるための戦略だと思っていました。XHTMLの div 要素の下に XML チャンクを置き、それにスタイルシートを割り当てて適切にスタイルを設定したり、その名前空間の処理を適切なビューアーに委譲したりすることを禁じるものは何もありません(たとえば、RSSやSVGを処理する場合))。
結論として、セマンティクスが非常に幅広いトピックであり、潜在的に無限の量のセマンティック タグを必要とすることが保証されていることは明らかな場合、セマンティクスに焦点を当てたこの拡張の背後にある理由がわかりません。W3Cには賢い人たちがいると確信しているので、私は間違っていると思いますが、その理由を知りたいです。
html - ラベル/値データを表示するために使用するHTMLマークアップは何ですか?
ラベルとそれに関連する値のリストを含むプロファイルユーザーコンテナをレンダリングしたいと思います。
これが私が表示したい情報とレイアウトの抜粋です:
名.......MyName
年齢...................MyAge
メール................MyEmail
利用できる例がたくさんあることは知っていますが、問題は、一般的に受け入れられている解決策がないように見えることです。
これまでのところ、私は次の使用法を見てきました:
- マークアップのあるテーブル(および<tr>、<td> ...)
- <ul>マークアップ(および<li>、<div> ...)の順序付けされていないリスト
- <h1>、<h2>...<p>の通常のマークアップ
- <DL>、<DT>、<DD>の定義リスト
- <ラベル>...?
最も意味的に正しいものは何ですか?(2列のレイアウトで)表示するのが最も簡単なものは何ですか?何を使用するように、そしてどのような理由で私にアドバイスしますか?
(html / cssコードスニペットは大歓迎です)
html - アンカー内のスパンまたはスパン内のアンカーまたは問題ではない?
span
ネストしてa
タグ付けしたい。するべきか
<span>
中に入れる<a>
<a>
中に入れる<span>
- それは問題ではありません ?
css - 論理的および意味的に正しく、A グレードのブラウザと互換性があり、フロートをクリアする W3C の有効な方法は何ですか?
フロートをクリアするための論理的に正しく、W3Cの有効な方法は何ですか?
zoom:1
W3C および IE8 では有効ではありません ハッシュ レイアウトの問題はありませんoverflow:hidden
overflow:hidden
仕様はオーバーフローを使用することを意図していたため、これを行うようにはなりませんでした<div class="clear"/>
は意味的に正しくなく、余分なマークアップを追加したくありません。- clearfix ハックは、意味的な価値をまったく持たないコンテンツを生成します。
この問題について多くの質問をし、多くの記事を読みましたが、最善の方法が見つかりません。
html - Googleセマンティック結果の質問
http://www.google.co.uk/search?q=mark+zuckerberg+crunchbase
みんな、その検索、特に最初の結果のURLをチェックしてください。Crunchbase.com> People、したがって、Peopleはサイトの/peopleセクションにリンクします。
彼らはどのようにそれを達成していますか?Googleのアルゴリズムはインテリジェントであり、リンクを探して、場合によってはそれ自体を仮定しますが、Googleがこれらの接続を確立するのを支援するために使用している特定のマークアップはありますか?
html - 複雑なまたはネストされたHTMLテーブルのセマンティックマークアップ?
データ行に単一のテーブル行に収まらない複雑なデータが含まれている場合に、Webページで表形式のデータをマークアップするための最良の方法を知りたいです。
具体的な例を示します。最初の行には、腕と脚に関する追加情報のリストが添付されています。
このようなネストされたテーブルを含むスパンセルを使用する以外に、これをマークアップする良い方法はありますか?
外側のテーブルには特定の見出しと意味を持つ4つの列があるため、これには完全には満足していません。ただし、2番目の行は4つの列すべてにまたがっており、別のものが含まれています。この情報を、トップレベルのテーブルの一部ではなく、最初のラインアイテム(Shadrach)の一部にしたいと考えています。しかし、HTMLではこれができないようです。
より良い、よりセマンティックな方法はありますか?