問題タブ [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.
css - セマンティックで意味のあるマークアップを使用するための背後にあるロジックは何ですか?
スクリーンリーダーソフトウェア専用ですか?ブラウザは、両方のタイプのタグをセマンティックとプレゼンテーションの両方で同じ方法でレンダリングするためです。
例えば:
私たちのためのブラウザとcssのために<strong>
そして<b>
同じです。プレゼンテーションタグよりもセマンティックタグの目的は何ですか。
スクリーンリーダー専用ですか、それともコードの管理を改善するためですか?
開発者向けでstrong
、b
どちらもブラウザで同じ結果を生成できる場合。
css - 意味的に正しいXHTMLCSS開発におけるW3Cの「セマンティックデータエクストラクタ」の有用性は何ですか?
W3Cのセマンティックデータエクストラクタの有用性は何ですか?
http://www.w3.org/2003/12/semantic-extractor.html
このツールは、XSLTスタイルシートを対象としており、HTMLセマンティックリッチドキュメントからいくつかの情報を抽出しようとします。HTMLで定義されたセマンティクスを適切に使用して入手できる情報のみを使用します。
目的は、セマンティックに富んだHTMLを提供することで、コードにより多くの価値がもたらされることを示すことです。セマンティックに富んだHTMLコードを使用すると、CSSをより適切に使用できるようになり、より広範囲のユーザーエージェント(特に検索エンジンボット)がHTMLを理解できるようになります。
余談ですが、製品に追加するのが面白いかもしれないいくつかのフックについて、ユーザーエージェント開発者に手がかりを与えることができます。
CSSとHTMLの検証を確認した後。セマンティックデータ抽出ツールを使用する必要があります。
それが何をするか。そしてそれがどのように私たちのコーディングを改善することができるか。誰か使っていますか?
そして、私はいくつかのサイトをランダムにチェックしますが、ほとんどのサイトではエラーが発生します
このツールを使用してすべてのサイトを検証することは可能ですか?
css - cssクラスとIDのhtmlタグを覚えておくことは良い考えですか?
タグ名をセレクター内に保持する場合。
例えば:
IDとクラスは、参照している要素タイプをすでに示しているため、これにより、スタイルシートとマークアップを切り替える必要が最小限に抑えられます。
@Guffaの回答後に更新:
この本でもこのアドバイスを見つけましたhttp://answers.oreilly.com/topic/647-how-to-write-efficient-css-selectors/
IDセレクターを修飾しない
修飾子を追加する必要はありません。たとえば、DIV #tocは不要であり、#tocに簡略化する必要があります。
クラスセレクターを修飾しない
ユースケースに固有のクラス名。たとえば、LI .chapterを.li-chapterに変更します。さらに、.list-chapterに変更します。
css - W3Cの有効なXHTMLおよびCSSコード、セマンティックでアクセス可能なマークアップは、サイトのSEO全般に十分ですか?
私は、W3C有効なXHTMLおよびCSSコード、セマンティックでアクセス可能なマークアップを使用してクライアント用のWebサイトを作成し、クライアントに私のコードはSEOに適していると言っていました。彼らは私がコーディングするので、あなたのサイトのSEOに適しています。私は良いコードを作るために全力を尽くしました
今、私の技術者以外のクライアントが私に尋ねています、私がSEOに適したサイトを提供した後でも、彼はSEO会社に行くべきですか?
W3Cの有効なXHTML、CSS、セマンティックおよびアクセシブルなマークアップではできないこと以外に、他のSEO企業は彼のために何をしますか?
xhtml - 1 つの検索ボックス入力でもフィールドセットを使用する必要がありますか?
fieldset
1 つの検索ボックスでも使用する必要がありますinput
か? 通常、サイトのヘッダーで使用するものはどれですか?
html - Railsの「フォロー」機能にアンカー、ボタン、またはフォーム送信を使用する必要があります
nosql データベースを使用して Rails 3 でアプリケーションを開発しています。twitter や github に似た「フォロー」機能を追加しようとしています。
マークアップに関しては、これを行うには 3 つの方法があると判断しました。
1) 通常のアンカーを使用します。(Githubはこの方法を使用しています)
2) ボタンを使用します。(Twitterはこの方法を使用しています)
3) 送信ボタンのあるフォームを使用します。(私にはいくつかの利点がありますが、まだ誰もそれを行っているのを見たことがありません。)
ユーザー名ではなくデータベースに user_id を保存したいので、オプション 1 と 2 ではデータベース クエリを実行して実際の user_id を取得する必要がありますが、オプション 3 では user_id を非表示のフォーム フィールドに保存できるため、データベース検索を行う必要はありません。フォーム送信時に params ハッシュから ID を取得できます。
これらの各方法を正常に機能させましたが、これを行うための最良の方法を知りたいです。どちらの方法がよりセマンティックで安全で、スパイダーなどに適していますか...? twitter と github の両方がこれを行うためにフォームを使用しない理由はありますか?
任意のガイダンスをいただければ幸いです。ユーザーのIDを取得するためにデータベースにクエリを実行する必要がないため、フォームメソッドの使用に傾いていますが、大物がアンカーまたはボタンを使用しているだけの理由があるのではないかと心配しています。
私は初心者なので、何かが完全に欠けている場合は安心してください。ありがとう!
html - ラジオ ボタンまたはドロップダウン リストを使用する
HTML のラジオ グループとドロップダウン リストの性質に興味があります。ラジオ ボタンのスタイルを設定するのは難しいことがわかりましたが、必須フィールドの要素のスタイルを設定したいと考えています。ラジオボタンのスタイリングと、テキストボックスでできるような境界線の色の指定について、以前に質問しました。例:
ラジオ ボタンにスタイルを適用して境界線の色を変更しても機能しません。
質問ですが、ラジオ グループの代わりにドロップ ダウン リストを使用してはいけない理由はありますか?
css - Web プロジェクトでマイクロフォーマットを使用していますか?
Web プロジェクトでマイクロフォーマットを使用していますか?
はいの場合、なぜですか?いいえの場合、なぜですか?
はいの場合、どのようなものに使用しますか?
HTML 5 に代替のマイクロフォーマットはありますか?
私はまだマイクロフォーマットを使用していません。今から使い始めるべきですか、それともあまり必要ありませんか?
xhtml - 「オンページSEO」とは?
「オンページSEO」とは?マークアップ、アクセシビリティ、セマンティクスに関連していますか?
編集:
「オンページ SEO」には XHTML Coder からの入力が必要ですか? 開発者の仕事ですか?