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

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

5
サイトのタイトルはページタイトルの前または後にする必要がありますか？
これがduだとすみません。私は探してみましたが、特にこの問題に対処する何かを見つけることができませんでした。 大規模な（ish）サイトを作成する場合、ページタイトルは通常、サイト名と現在のページ名の両方を参照します。ただし、主に2つの規則があるようです。 Bob's Awesome Site - Contact Page そして Contact Page - Bob's Awesome Site 私は見て回ったが、ページは通常上記の2つのバリエーションのいずれかを使用します。 どちらか一方を使用する理由はありますか？SEO /読みやすさ/使いやすさなど 私はそれについて考えましたが、思いついたのは 最初のページ-ブラウザーが多数のタブで混雑している場合にタブを区別します 最初のサイト-いわゆる「親」サイトをすぐに見ることができます。よりまとまりのある体験
3
HTMLメタタグの順序
SEO会社はそのよう私たちはHTMLメタタグの順序を変更する提案<title>とは、<meta name="description">最初の2つです。これは、検索エンジンがこれらの2つのタグを確実に利用できるようにするためだという。ドキュメントのヘッド内のタグの順序は重要ではないという印象を受けました。私は間違っていましたか？最初の2つのタグが常にtitleありdescription、そうでない場合は検索をあきらめると仮定する検索エンジンは本当にありますか？
16 seo  html  meta-tags 
1
Iphoneブラウザが数字をリンクに変えないようにする
モバイルデバイスで表示されるはずの非常にシンプルなページを書いています。iphoneシミュレータでそれを表示しているときに、iphoneブラウザが自動的に番号文字列をリンクに変換することに気づきました。おそらく直接ダイヤルするためです。 問題は-私のページには電話番号のように見えるが実際にはそうではないたくさんの番号があります。これらの数字をそのままにしておくようにiPhoneブラウザに指示する方法はありますか？
15 html  browsers  iphone 
3
301リダイレクトページのHTMLをドキュメントに挿入すると、実際の301リダイレクトと同じ機能が実行されますか？
Webデバッガーでは、301リダイレクトページのhtmlは次のように表示されます。 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="http://www.website.com/webpage.htm">here</a>.</p> </body></html> サーバーサポートなしでhtmlページをリダイレクトする必要があります。ページhtmlを上記のコードで置き換えた場合、Apacheの.htaccessに301リダイレクトを記述するのと同じように機能しますか？私はグーグルでこれを調べましたが、301リダイレクトについて話しているサイトはhtmlページをリダイレクトするためのこのオプションをカバーしていませんでした。
11
HTMLまたはXHTMLのページサイズを縮小するための一般的な最適化
HTMLまたはXHTMLのページサイズを縮小するために実行される一般的な最適化は何ですか？思い浮かぶのは次のとおりです。 コメントの削除、 余分な空白を削除し、 繰り返しのインラインスタイルをCSSスタイルシートに移動し、 等 他には何がありますか？最大の価値を提供するのはどれですか、それともツールやモジュールによって自動的に実行できますか？
3
HTML5 Webサイトで<title>、<header>、<h1>、および<h2>を適切に使用していますか？
私は数日間このテーマを研究してきましたが、検索インデックス作成に関して多くの矛盾する提案を見つけました。私は、単純な製品の説明から詳細なユーザードキュメントまで、さまざまなページを含むプロジェクトに取り組んでいます。 この質問を今後の読者にとってより役立つと思うので、この質問をいくつかのセクションに分けました。 私の発見のいくつか いくつかのWebサイトでは、次のようなドキュメントの概要を想定しているようです。 1. Programmer's Guide (https://www.dartlang.org/docs/) 1. Getting Started 2. Concepts 1. Libraries 2. Fundamental classes etc. 上記の例が&lt;nav&gt;適切な見出しの要素を利用していないことは興味深いと思います。私はアウトラインのシンプルさとGoogleであることが好きで、これに関しては彼らが何をしているのか知っていると確信しています。 しかし、上記の概要では「ダーツ」について言及していないため、私は混乱しています。セマンティックな意味での「Dart」の唯一の言及は、「&lt;title&gt;Programmer's Guide | Dart：Structured web apps」という主要なドキュメント要素内にあるようです。 MDN（Mozilla Developer Network）は、この原則に従うWebサイトのもう1つの素晴らしい例です。&lt;h1&gt;タイトルの多くは完全なコンテキストを提供します（HTML5ドキュメントのセクションとアウトライン）： 1. Sections and Outlines of an HTML5 Document 1. Untitled Section (nav) 2. Untitled Section (nav) 3. Structure of a Document …
1
'font-size：0'を含むこのインラインブロックトリックはSEOにとって危険ですか？
しばらく前、Stack Overflowでこの質問に答えました。 /programming/5078239/how-to-remove-the-space-between-inline-block-elements 問題はdisplay: inline-block、HTMLの空白の影響を受けるため、要素に「余分なギャップ」があることです。http：//jsfiddle.net/thirtydot/4z4v2/を参照してください。 示されているように、ギャップはHTMLの空白を削除することで削除できます。ただし、その空白を削除することは望ましくない修正になる場合があります。たとえば、HTMLの操作が難しくなります。 そこで、この回避策を提案しました：http : //jsfiddle.net/thirtydot/4z4v2/1/ ul { font-size: 0; letter-spacing: -1px; } li { font-size: medium; letter-spacing: normal; } （letter-spacingSafariのギャップを完全に根絶するために必要です） それがそれでした ..このテクニックが別の回答で提案されたときにコメントがポップアップするまで： このコードには注意してください。リンクを含む要素内にテキストを明示的に非表示にしているため、Webクローラーによって悪用と解釈される可能性があります。リンク自体はより高い特異性ルールのおかげで見えるが、それでもウェブクローラーはコンテナ内に多数のリンクを見て、すべての祖先にテキストコンテンツを非表示にするよう指示するのは事実です。 このテクニックを使用したサイトは1つだけです（..通常、空白を削除するだけです）。このサイトは Googleで適切にランク付けされています（リンクなし、申し訳ありません）。問題がある場合、サイトには「フレーズ+場所」という形式で非常に具体的にターゲットを絞ったページがあります：架空の例として「ゾンビチョッパーレイブンホルム」。 私は本当に Googleを気にしていますが、他の検索エンジンに関する回答も歓迎します。 だから、私の質問は： font-size: 0テキストが実際に隠されていなくても、SEOのリスクが存在するだけですか？
14 seo  google  html  css 
4
「preconnect」<link>で「crossorigin」属性を使用する必要があるのはいつですか。
ブラウザが（たとえば）CDNを呼び出すスクリプトタグを実際に見る前にjQuery CDNに接続できるように、サイトにいくつかの事前接続リソースヒントを含めたいと思います。「crossorigin」属性を含める必要があるかどうか、またはその値をどのようにする必要があるかわかりません。スペックは、一部では、と言います 事前接続を開始するには、ユーザーエージェントが次の手順を実行する必要があります。 […] してみましょうcorsAttributeStateは、要素の現在の状態とcrossoriginコンテンツの属性。 してみましょう資格情報がに設定ブール値ですtrue。 場合corsAttributeStateがあるAnonymousとの原点に、現在のドキュメントの原点にセット資格情報と等しくされていませんfalse。 オリジンと資格情報との接続を取得しようとします。 このアルゴリズムの解釈方法がわかりません。CDNに事前接続している場合、誰でもその資格情報なしでコンテンツをダウンロードできますが、「crossorigin」属性にはどの値を使用する必要がありますか？
3
microdataはメタタグに実装できますか？
microdataを提供する属性でマークアップされた次のコードを検討してください。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Micro data test - Normal version&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div itemscope itemtype="http://schema.org/Product"&gt; &lt;h1 itemprop="name"&gt;Product name&lt;/h1&gt; &lt;img alt="" itemprop="image" src="http://placehold.it/200x200" /&gt; &lt;div itemprop="description"&gt;This is the product description.&lt;/div&gt; &lt;div itemprop="offers" itemscope itemtype="http://schema.org/Offer"&gt; &lt;meta content="in_stock" itemprop="availability" /&gt; &lt;span content="GBP" itemprop="priceCurrency"&gt;£&lt;/span&gt;&lt;span itemprop="price"&gt;100.00&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; Googleの構造化データテストツールを使用すると、肯定的な結果が得られます。 テスト例ではこれで問題ありませんが、HTML構造が大きく異なるさまざまなサイトにmicrodataを実装する必要があります。この方法で属性を実装するには、誰かが各サイトのHTMLマークアップを個別に手動で編集する必要があります。 できれば、すべてのmicrodataを1か所にパッケージ化する単一の関数を呼び出したいと考えています。技術的には、これは次の方法でメタタグを使用することで可能です。 &lt;!DOCTYPE …
2
<a href=“#”>リンク</a>は壊れたリンクですか？
空のURLフラグメントリンクを使用する場合、ユーザーをページのトップに移動するために（例&lt;a href="#"&gt;return to top&lt;/a&gt;）、これらのリンクは壊れているか無効であると見なされますか？私のツールの1つは、それらをすべて壊れたリンクとして返すことです。
12 html  links  validation 
8
CSSスタイルビューアー/テスター
CSSが適用されるとどのように見えるかを確認するための典型的なHTMLがたくさんあるサイトはありますか？ 私は、の完全な何かを意味table、a、div、span、p、何でも。そこに行き、CSSに貼り付けて結果を確認します。
12 css  html 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.