タグ付けされた質問 「html」

HTML（HyperText Markup Language）は、Webページの作成に使用される主なマークアップ言語です。最近のWebページでは、HTMLを使用してWebサイトのコンテンツをマークアップし、CSSとJavaScriptを使用してスタイルと動作をそれぞれ定義しています。

3
HTMLドキュメントの本文で<link>タグを使用できますか？
&lt;link&gt;HTMLページの本文でタグを使用できますか？この質問に対する答えを見つけようとしましたが、矛盾した情報が見つかりました。 Schema.org microdataマークアップをHTMLページに追加するとき、次のようなリンクタグに標準的な情報を追加します。 &lt;div itemscope itemtype="http://schema.org/Book"&gt; &lt;span itemprop="name"&gt;The Catcher in the Rye&lt;/span&gt;— &lt;link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" /&gt; by &lt;span itemprop="author"&gt;J.D. Salinger&lt;/span&gt; &lt;/div&gt; Schema.orgから上記のサンプルコードを取得しました。彼らによると、これはitempropに標準的な参照を追加したいが、ウェブサイトにハイパーリンクを配置したくない人のために行く方法です。 ただし、W3では、&lt;link&gt;タグはheadセクション内にのみ配置する必要があるため、Schema.orgの例を無効にしていることが明確に示されています。 正しいマークアップに固執したい場合、どのアドバイスに従うべきですか？
20 seo  html  html5  microdata 
5
HTML、CSS、およびJavaScriptにはどのようなドキュメントがありますか？
PHPユーザーにはPHP.netのドキュメントがあります RubyユーザーにはRuby-Doc.orgがあります Pythonユーザーにはdocs.python.orgがあります jQueryユーザーにはdocs.jquery.comがあります これらの環境内で作業する場合、すべてが適切な参照と見なされます。 しかし、HTML、CSS、および（バニラ）JavaScriptを使用するWebデザイナーおよび開発者向けの「マニュアル」はどこにありますか？ウェブマスターが日常業務で使用し、参照する必要があるオンライン、無料、最新、信頼性、検索可能、ユーザー編集可能なドキュメントは何ですか？ 更新：私はW3Cの仕様とECMAScript仕様を知っていると言っていたはずですが、それらはウェブマスターよりもブラウザベンダーに適していると感じています。HTML5 仕様のイントロから： 「...正確さのために明確さを犠牲にし、完全性のために簡潔さを犠牲にします...」 したがって、元の質問を言い換えると、HTML、CSS、およびJavaScriptで利用できる明確で迅速なオンラインリファレンスは何ですか？
5
HTMLをオフラインで検証するにはどうすればよいですか？
ローカルでWebサイトを開発しているときに、htmlが有効かどうかを確認したいのですが、良いツールが見つかりませんでした。レイアウトの問題をトラブルシューティングするときに、健全性チェックとして部分的にそれが必要です。 HTMLをオフラインで検証できるツールを提案していただけますか？IDE内の検証を探しているのではなく、Webサーバーからページをロードするものを探しています。 ありがとうございました！
2
どのメタタグは努力する価値がないのですか？
メタキーワードに関するこの質問を読んだ後、私は疑問に思っていました：すべてのメタタグのうち、どれが本当に努力する価値がありますか？ Googleの検索結果で説明が使用され、ブラウザでコンテンツタイプとエンコードが使用されることは知っていますが、ページに常に含める必要がある他のタグは何ですか？
19 html  meta-tags 
1
ファビコンを検索しないようにブラウザに指示できますか？
ファビコンがない/必要のないウェブサイトがあります。 /favicon.icoを探しているリクエストを無駄にしないようにブラウザに指示する方法はありますか？ ログをフィルタリングするつもりはありませんが、次のようなクライアント側の何かです： &lt;link rel="shortcut icon" href="about:blank" /&gt; それはうまくいくように見えますが、私は包括的なテストを行う立場にありません（そして検索エンジンは役に立たないです）。 これが有効な方法であるかどうかを確認したり、適切な代替手段を提供したりできますか？ 更新：詳細な調査では、それは機能しません（少なくともローカルドメイン以外のChromium 18 では機能しません）。部分的な解決策は、data:URLを使用してbase64空白の画像を提供することです（ここからの例）： &lt;link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" /&gt; これは機能していますが、2つの欠点があります。 データURLをサポートしていないブラウザではおそらく失敗します。 その結果、ファビコンはまったくなくなります。つまり、ブラウザのデフォルトアイコンが非表示になります。
19 html  favicon 
4
単一言語Webサイトの自己参照hreflang属性？
I追加するには、SEO会社が言われてきたhreflang（すなわち。「自己参照」タグ）単一言語のウェブサイトですべてのページに属性を、私はHREFLANGタグについて読んだすべて、Googleのテイクを含む、ことを示唆しています多言語のWebサイトでのみ本当に役立ちます。これを追加すると、この特定のサイトでは膨大な作業が必要になり、潜在的なメリット（または、そのようなことを誰もがベストプラクティスと見なす兆候さえ）を実際に見ることはできません。 このGoogle Webmasterブログ投稿では、自己参照 hreflang属性の使用を推奨していますが、これは複数言語のWebサイトに関連する場合のみです。 「URLに複数の言語バージョンがある場合、各言語ページはそれ自体を含むすべての言語バージョンを識別する必要があります。たとえば、サイトがフランス語、英語、スペイン語のコンテンツを提供する場合、スペイン語バージョンはrel = "alternate"フランス語版と英語版へのリンクに加えて、hreflang = "x"リンク。同様に、英語版とフランス語版には、それぞれフランス語版、英語版、スペイン語版への同じ参照を含める必要があります。 そのようなタグを単一の言語に追加することでSEOのメリットはありますか Webサイトか？ たとえば、次のような単一のインスタンスです。 &lt;link hreflang="en" href="http://www.example.com" rel="alternate"&gt; ...ドキュメントへ &lt;head&gt;？ （これは要素の必須属性に追加されることに注意してください。）lang="en"&lt;html&gt;
19 seo  google  html  html5  meta-tags 
6
CSSクラス名はSEOに影響しますか？
キーワードが豊富なCSSクラス名を使用している競合他社を見てきました。例として、ペットグルーミングビジネスに携わっている場合、次のように名前を付けます#menu。 #menu.pet.grooming.moreKeywords.etc { ... } これはSEOに影響がありますか？もしそうなら、ベストプラクティスは何ですか？
18 seo  html  css 
2
<div>で<pre>を模倣する方法
pythonコードをWebサイト（CMS）で公開しています。任意のpythonスクリプトを読み取り、それから構文色のHTMLを作成するpythonスクリプトがあります。次に、このHTMLをCMS編集ウィンドウにコピーして貼り付けます。 問題は、私のPython構文強調表示スクリプトが&lt;pre&gt;タグを使用して、Pythonで非常に重要なタブ/スペースを保持することです。ただし、CMSはいくつかの不明な理由により、&lt;pre&gt;タグを削除します。管理者は、&lt;div&gt;代わりにを使用すべきだと言った&lt;pre&gt;。&lt;div&gt;wihte-spaceの書式設定を維持するためのスタイル設定を手伝ってもらえますか？
18 html  css 
4
HTML URLの先頭のスラッシュの目的は何ですか？
一部のブログの投稿には、で始まる値を使用したリンクがあることに気付き/ましたhref。 例えば： &lt;a href="/somedir/somepage.html"&gt;My Page&lt;/a&gt; 先行/は、パスがサイトルートから始まることを意味しますか？ つまり、サイトのURLがのwww.mysite.com場合、有効なhref値はwww.mysite.com/somedir/somepage.html？ これはすべてのブラウザーで受け入れられている規則ですか？
17 html  url  links 
8
インラインJavaScriptは良いですか、悪いですか？
現在、WordPressからYiiフレームワークに切り替えており、外部の開発者がサイトを再構築しています。 私が気づいたことの1つは、彼がYiiの方法でAJAX / jQueryを呼び出すたびに、WebページにインラインでJavaScriptを挿入することです。JavaScriptコードはフッターの下に配置されているようですが、まだインラインです。 一般に、JavaScriptコードはWebページ内により頻繁に配置されるようです。JavaScriptスクリプトは、可能な限りJavaScriptファイルに配置する必要があると常に考えられてきました。これは今後の「新しい」トレンドですか？または、JavaScriptコードを別のファイルに保存することを試みるべきですか？
16 html  javascript 
2
<p>するのか<p>しないのか？
私は最近、段落を書式設定&lt;div&gt;する&lt;p&gt;ときにタグよりもタグを使用する必要があると主張する同僚と議論をしました。 を使用しない場合は、&lt;p&gt;ブラウザ間の間隔が不規則になり、&lt;b&gt;タグのように時代遅れになる可能性があります。 &lt;p&gt;タグに関するこの意見はコミュニティで共有されていますか？
16 html 
6
最高の使いやすさのためのフォームラベルの位置
私は彼らのために訪問者を尋ねてきますフォームを作成していますfirstname、middle initialとlastname。これらのテキストフィールドをすべてインラインにしたいのですが、ラベルをどこに配置すればよいですか？左側、上部、またはフィールドの下。 ユーザビリティの観点から最適なアプローチを探しています。
7
HTMLモードと「奇抜」モードと「標準準拠」モード：説明し、気にする必要がある理由を教えてください。
HTML Webページを構築するときの「互換」モードと「標準準拠」モードの違いは何ですか？ あるモードと他のモードで動作していることを知る方法は？なぜ人々（つまり、ウェブマスター、ウェブデザイナー、開発者）は、奇抜なモードよりも標準準拠モードを選択することに注意する必要があるのでしょうか。 新しいコンテンツを開発する際にQuirksモードは正当化されますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.