問題タブ [semantic-markup]

重複の可能性:
HTML タグの DIV と SPAN の違いは何ですか?

<em>HTML をコーディングするときは、セマンティクスを念頭に置いておく必要があることを知っています。たとえば、h1 はメイン ヘッダーにする必要があり、h2 はサブヘッダーにする必要があります。テーブルはテーブルにする必要があります<i>。一方がブロックで、もう一方がインラインであることを除いて、divとスパンの適切な違いは?

私が学んでいたとき、 は<span>テキストのミッドラインをスタイリングするためのものだと言われました。Web ページの特定のポイントに配置する必要がある小さなテキストの宣伝文句 (タグを保証しないもの) がある<p>場合、div に固執する必要がある場合、スパンを使用しますか? テキストしか含まれていない場合、そのテキストが 2 行にまたがる必要がある場合 (つまり、幅が必要な場合)、何を使用すればよいですか?

左から右へ、Col1 id 幅 560 ピクセル、パディング 10 ピクセル、中央の列、幅 250 ピクセル、パディング 5 ピクセル、Col3 (サイドバー) は幅 200 ピクセル、パディング 3 ピクセル。背景色、列のテキストの長さに関係なく、垂直方向に均等に伸ばす必要があります。それを機能させるためのJavaScript（jQueryの回避策）はありません。CSS を使用した純粋なセマンティック マークアップである必要があります。コンテンツが移動する場合、各列にはネストされた色の列が必要です。列 1 は SEO プロミナントにする必要があります。これは、Google やその他の検索エンジンがクロールするネストされた最上位の列を意味します。「The Holy Grail」レイアウト、「A List Apart」の記事を使用しましたが、これらのソリューションは非常に複雑であるため、メインの列が左に押し出され、ネストされた列がパディングで右に押し戻されます。これはクレイジーです!調整しようとしていますこれらの例ですが、

私はthe_tags()Wordpress2.9.2でレンダリングするために以下を使用しており、現在ローカルホストでテーマを開発しています。

そして、同じ-セマンティックに近い-からの出力がthe_category()必要ですが、これは明らかに達成可能ではないようです（関連するコーデックスページを確認しました）。

W3schools.com以外の、より優れた最新のコンテンツを備えたXHTMLを学ぶのに最適なネット上のサイトを知っていますか？

HTMLを学びたい友達をリンクする必要がありますか？私はW3C学校の「Tryiteditor」は好きですが、コンテンツは好きではありません。セマンティックな議論も必要です。使用するかどうかにかかわらず、要素がすべてであり、セマンティック値が有効である場合でも、それは何ですか。等

w3cスクールのように、セマンティックでアクセス可能で有効なXHTMLに焦点を当て、「tryiteditor」を備えた優れたコンテンツを備えたサイトは他にありますか。

または今、私は誰かにHTML 5を直接学ぶように提案する必要がありますか？

1. 職場で常に意味論的純粋主義者であることは悪いことですか? それは常に達成可能ではありませんか？

2. 他の人/インタビュー対象者のコードを見たとき。目的に応じた元素の選択が最も重要であることを知っています。

   彼のコードから人の能力を判断する必要があります。よく書かれ、管理され、最適化された css から、または彼がクラスと ID 名をどのように書いたか?

   または毎回両方。

私はセマンティック Web を紹介されたばかりで、それは機能のファミリーですが、その一部を理解するのに苦労しています。誰かが私に説明してくれることを望んでいました。

私が理解している限り、RDF はいくつかの構文で記述できます。RDF/XML、タートルなど

これで、XML が理解できました。それがどのように提示され、どのように解析されるか。しかし、タートル構文で書く人もいますが、その情報をどのように解析するのでしょうか? タートル構文で書かれた情報を別の形式に「抽出」するための、どの言語用の単一のライブラリも見つけられないようです。N3も同様です。どのように使用できますか？実行されましたか？

RDFaについては理解できたようです。RDF を XHTML に実装する方法であること。私にとって、それはRDFを「何か」に実装する方法です。しかし、それをタートルや N3 などと比較するにはどうすればよいでしょうか。

前もって感謝します。

意味的に正しい XHTML マークアップを使用するコツをつかもうとしているだけです。

小さなナビゲーション項目のコードを書くだけです。各ボタンには効果的にタイトルと説明があります。したがって、定義リストは素晴らしいと思ったので、次のように書きました

しかし...上記を3つのボタンにしたいのですが、各ボタンにはdtとddのテキストが含まれています。正しいコードでこれを行うにはどうすればよいですか? 通常、各ボタンを div にして、それを視覚的なボタンの動作 (onHover と現在のページ選択のもの) に使用します。

アドバイスをお願いします

ありがとう

display:block「いつ、いつ:inline、いつ使用するか」とその理由に関する良い記事を知っています:inline-blockか?

そして、いつdisplay:??をオーバーライドする必要がありますか? HTMLタグ/要素のcssを介して?

私の仲間のWeb開発者/デザイナーの何人かが、ライトボックス、スーパーボックス、シックボックス、またはお気に入りのフレーバーが何であれ、モーダルダイアログに使用するのに最適なHTML5要素であると感じたのではないかと思いました。

これらのタイプのUIは、「通常の」Webページの一般的なフロー（HTML 5の仕様によると、基本的にはブログです）に従わないため、実際には、、、のように配置されませ<header>ん<nav>。<section>、、、<article>または<footer>（他の新しい「セマンティック」要素の中で）可能性があります。

もちろん、常にあります<div>が、私はちょっと意味的に正確な何かがあるかもしれないと思っていました。

残念ながら、<modal>要素はありません。スペックにあるべきかどうかについてどう思いますか？そして、その要素が存在しないので、あなたの次善の選択は何でしょうか？