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

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

4
ブラウザのパフォーマンスを向上させるための画像サイズの指定
最近、Google Developer Toolsを使用して自分のWebサイトで監査を実行しました。私の画像はすべて同じサイズ(水平500 x垂直300ピクセル)なので、すでに正しいサイズの場合は画像サイズを計算する必要がないため、画像サイズ属性を省略したほうがよいと思いました。 [Networking Utilization]で、[Image Dimensions]を指定します。 A width and height should be specified for all images in order to speed up page display. The following image(s) are missing a width and/or height: 今、私は混乱しています。すでに適切なサイズであるにもかかわらず、実際に画像に幅と高さの属性を追加する必要がありますか?冗長なようです。


3
idとクラス名の縮小は、SEOの悪い習慣ですか?
私は可能な限りすべてを縮小することの大ファンです。これをしないのは私にとって罪です。 しかし、最近私は、検索エンジンでのWebサイトのランクを上げるための数千のヒントの1つが次のとおりであることを読みました: HTMLで適切なクラスとID名を使用してコンテンツコンテキストを提供する [ソース] IDとクラス名は常に1文字または2文字の長さに変更します... 私はその男が言ったことを信じていないというわけではありませんが、私は本当にこれについていくつかの確認が必要です。私にとって、それがなぜ重要なのかは意味がありません。 その点は正しいですか? (ある場合)なぜですか?

5
HTMLテーブルタグはどうなりましたか?
私は1998年にHTMLのコーディングを開始しました。その間、多くのテーブルタグを使用し、trとtdで遊んでいました。インターネット上の多くのポータルのソースコードをメモ帳とMicrosoft FrontPageで分析することで多くのことを学びました。他のテーブルと重複するテーブルがいくつあるかは楽しかったです。 しかし、私はほぼ7年間Webプログラミングを放棄し、今年は今日のWebプログラミングがどのようなものかを確認することにしました。ほとんどのサイトはテーブルタグを使用せず、代わりにdivタグとspanタグを使用しているため、完全に異なるように見えます。 なぜこれが起こったのですか?これらの新しいタグとは何ですか?なぜテーブルタグが使用されなくなったのですか?
10 html 

2
&の使用 の代わりに &?
ブラウザが "&"に遭遇したときに正しく解析されることに気づきました。 私のサイトでHTMLテキストで&を使用する必要がある理由はありますか?
10 html  standards 

4
Firebugで行った変更をどのように保存/エクスポートしますか?
Firebugを使用してCSSを編集する場合、CSSに加えられた変更を保存/エクスポートするにはどうすればよいですか? ツール: Firefox、Firebug 主要な更新: FireFoxタブでフォワード/バック/リフレッシュをロックする方法を知っている場合は、私に知らせてください。それ以外の場合は、CSSのIDEとしてFireBug / FireDiffを使用することをあきらめましたが、いいですが、笑...間違ったときにバックスペースを押すと、すべての作業が消えてしまいます...面白いです。つまり、FirebugでブラウザがCSS / HTMLを強調表示するのが本当に好きです。これを行う優れたCSSエディタを知っていますか?FireBugが機能することを本当に望んでいましたが、今のところは、その場限りの検査とテストに適していると見なしています。それが目的のためにそれを使用することを意味します。 更新: @Lèsemajesté:ちょうどアップデートとして、 " Web Developer add-on "ではCSSを編集できますが、Firebugによって加えられたCSSの変更を編集/保存することはできません。IDにFirebugを使用し、変更をテストする可能性がありますが、Firebugからの変更を保存することはできません。これらを一緒に使用する方法をカバーする「方法」は次のとおりです:FF + FB + WD @Lèsemajesté:まだFireDiffで遊んでいます。それは大丈夫です、すでに1つのバグを見つけました(私はそれを回避しているだけです)、私が見つけることができた「方法」はないので、私はすべての機能を試し、クリックします...(forたとえば、diffをエクスポートするには、リストの最後のアイテムに移動し、右クリックして、「Save Diff」として選択する必要があります。「。diff」は単なるテキストファイルであり、現時点でextが.diffである理由がわかりません。



2
<h1>ヘッダーの<span>のSEO
ない&lt;span&gt;要素は、任意のSEOの副作用がありますか?次の2つの間に意味的な好みや検索エンジン間の解析の違いはありますか? クリーン&lt;h1&gt;: &lt;h1&gt;Search Optimised Heading&lt;/h1&gt; 対&lt;span&gt;中&lt;h1&gt;: &lt;h1&gt;Search &lt;span class="someColour"&gt;Optimised&lt;/span&gt; Heading&lt;/h1&gt;
10 seo  html 


1
Schema.orgマークアップをJSON-LDとして使用するためのコードの理想的な場所はどこですか?
JSON-LDを使用するSchema.orgマークアップを配置するのに最適な場所はどこですか?一部は内部を推奨します&lt;head&gt;が、スクリプトもインラインで動作します。MVCでは、それらをコントローラーと同じスコープに配置する方が簡単です。つまり、要素の近くにインラインで配置します。しかし、JSON-LDは、の1つの巨大なスクリプト/スタックとして「よりよく機能する」場合があり&lt;head&gt;ます。私が思う理想的な場所がわからないだけです。 例はパンくずです-クラムのマークアップの前にJSON-LDスクリプトを置くだけですか、それともモデルをロードする問題をすべて(もう一度)作成して、を作成する領域で定義する必要があり&lt;head&gt;ますか?パフォーマンスに影響があるようですが、仕様に見合う価値がある場合は、実行する必要があります。 JSON-LDでの組織の例を以下に示します(これは&lt;head&gt;すでにあります)。 &lt;script type="application/ld+json"&gt; { "@context" : "http://schema.org", "@type" : "Organization", "name" : "A Huge Corporation", "url" : "http://www.example.com", "logo" : "http://www.example.com/huge-corporation.png", "founder" : "Humanz", "foundingDate" : "1268", "sameAs" : "http://plus.google.com/111111111111111111111", "contactPoint" : { "@type" : "ContactPoint", "contactType" : "Customer Service", "telephone" : "+1-888-888-8888", "faxNumber" : "+1-777-777-7777", "contactOption" : …

4
サーバーのContent-Typeヘッダーに関係なく、HTML Webサイトの文字エンコードをブラウザーに伝える方法は?
私はHTMLページを持っています(ディスク上の物理のエンコーディングがそれに一致している)が、それがContent-Typeであることを通知しています: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content= "text/html; charset=utf-8"&gt; &lt;title&gt; ... ブラウザ(Google Chrome、Firefox)でディスクからファイルを開くと正常に動作します。 HTTP経由でリクエストすると、ウェブサーバーは別のContent-Typeヘッダーを送信します。 $ curl -I http://example.com/file.html HTTP/1.1 200 OK Date: Fri, 19 Oct 2012 10:57:13 GMT ... Content-Type: text/html; charset=ISO-8859-1 (最後の行を参照)。次に、ブラウザーはISO-8859-1を使用して、望ましくない結果を表示します。 HTMLドキュメント内からブラウザーに送信されるサーバーヘッダーを上書きする一般的な方法はありますか?

2
index.htmlの正しい使い方
あなたの意見を聞きたいという問題がたくさんあるので、それをうまく説明できればと思います。また、私はHTMLとCSSの知識しか備えていない初心者なので、強力なPHPを使用した簡単な解決策があるとほぼ確信していますが、それは役に立ちません。 私はアドレスに私の個人的なブログを持っていることをみましょうと言うexample.com/blog.htmlと、いくつかのサブのブログへのリンクがあるexample.com/blog/math.html、example.com/blog/coding.htmlなどが私のルートフォルダが含まれているのでblog.htmlとblogフォルダは、blogフォルダ自体はファイルが含まれていますmath.htmlとcoding.html。 まず第一に、私は(から学んだGoogleのウェブマスターツール統一するSEOや美的目的のために、それの良いことを)example.com.comとexample.com/index.html追加して_rel="canonical"_のソースに属性をindex.html。他のいくつかのトリック(やへのリンク../など./)を使用index.htmlして、Webアドレスに表示される醜い部分を取り除きました。 そして今、私はこのトリックがルートフォルダだけでなく任意のフォルダにも使用できるのだろうか?blog.htmlつまり、自分をblogフォルダに移動し、名前をに変更して、index.htmlとrel="canonical"統合するように追加example.com/blog/index.htmlしexample.com/blog/ます。 このトリックはから私のブログのアドレスを変更するでしょうexample.com/blog.htmlにexample.com/blog/。 終了していません!また、Googleロボットがフォルダのインデックスを作成するときに問題が発生しています。したがってsite:example.com/、Google検索に入力example.com/blog/すると、他の検索結果の中に、生のファイルやアイコンなどを含むフォルダへのリンクが表示されます。私はそれを修正する他の方法もあると思いますが、私が上記の変更を行うと、トリックもうまくいきます- ブログフォルダーのindex.htmlは、ユーザーがそのフォルダーの実際の生のコンテンツを閲覧できないようにし、そこにのみ表示されますexample.com/blog/グーグル検索の正しいリンクと(私はそう思います)_rel="canonical"_2番目の不要なリンクexample.com/blog/index.htmlが検索結果に表示されないようにします。 だから私の質問は: index.htmlすべてのサブフォルダーにファイルを置くのは良い習慣ですか、それともルートフォルダーのみに置くことを意図していますか? 2番目の「すべてのフォルダーのインデックス」メソッドを使用するときに発生する可能性のある欠点や問題はありますか? 上記のウェブサイトを構築する2つの方法のどちらを選びますか?

5
GoogleがSERPの位置を決定するとき、W3標準は主要な要素ですか?
オンラインのw3バリデーターによると、インデックスに約800エラーしかない動的phpウェブサイトがあります。 ebay、stackoverflowなどの主要なWebサイトもチェックしてみましたが、すべて約400のエラーが発生しました。 だから私の最初の考えは、常にエラーを表示するときのバリデーターは何が良いのですか? 次に、エラーは私のSERPランキングに影響しますか?つまり、これらのエラーを修正して、Google検索の位置を上げることができますか? ありがとう
9 seo  google  html  search 

8
誰でも良いHTML 5の本を推薦できますか?
ロックされています。この質問とトピックへの回答はロックされています。質問はトピックから外れていますが、歴史的に重要です。現在、新しい回答や相互作用を受け入れていません。 特にキャンバスについて。私はいくつかの良いものを探していました。
9 html5  html  books 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.