ホームページ ウェブフロントエンド htmlチュートリアル html_html/css_WEB-ITnoseに関するナレッジポイントをまとめました

html_html/css_WEB-ITnoseに関するナレッジポイントをまとめました

Jun 24, 2016 am 11:24 AM

HTMLを整理しているときにいくつかの問題が見つかりました。要約すると、ほとんどの答えはオンラインで見つけることができます。

.html と htm の違い

本質的な違いはありません。 .htm は、システムが 3 桁の拡張子しか認識できなかった win32 時代に使用されていました。現在では、.html が一般的に使用されています。

2 .href と src

の違いは、source の省略形であり、外部リソースの場所を指します。指定されたコンテンツは、リクエスト時にドキュメント内の現在のタグの場所に埋め込まれます。 src リソースは、リソースを指します。js スクリプト、img 画像、フレーム、その他の要素などのリソースをダウンロードしてドキュメントに適用します。

<script src ="js.js"></script>
ログイン後にコピー

ブラウザがこの要素を解析すると、リソースがロードされ、コンパイルされ、実行されるまで、他のリソースのダウンロードと処理が一時停止されます。これは、ピクチャやフレームなどの要素にも同様に当てはまります。すべてが現在のタグ内に埋め込まれたリソースを指す方法。これが、js スクリプトが先頭ではなく下部に配置される理由でもあります。

href は Hypertext Reference の略で、ネットワーク リソースの場所を指し、

<link href="common.css" rel="stylesheet"/>
ログイン後にコピー

を追加すると、現在の要素 (アンカー) または現在のドキュメント (リンク) へのリンクを確立します。

すると、ブラウザーはドキュメントを CSS ファイルとして認識し、リソースを並行してダウンロードし、現在のドキュメントの処理を停止しません。

3. カスケード スタイル シートを導入する場合の link の使用と @import の使用の違い

1. 祖先の違い。 LinkはXHTMLタグに属しており、@importは完全にCSSが提供するメソッドです。

CSS のロードに加えて、link タグは RSS の定義、rel 接続属性の定義など、他の多くのことも行うことができます。@import は CSS をロードすることしかできません。

2. ロード順序の違い。ページが読み込まれるとき (つまり、ビューアで表示されるとき)、link によって参照される CSS は同時に読み込まれますが、@import によって参照される CSS は、ページが完全にダウンロードされるまで待ってから読み込まれます。そのため、@import が CSS をロードするページを閲覧すると、最初はスタイルが表示されない (ちらつくだけ) ことがありますが、これはネットワーク速度が遅い場合には明らかです (Dream City で CSS をロードする方法は @import を使用することです)。 Dream City Web ページをダウンロードして同時に閲覧すると、上記の問題が発生します)。

3. 互換性の違い。 @import は CSS2.1 で提案されたものであるため、古いブラウザではサポートされていません。@import は IE5 以降でのみ認識されますが、リンクタグにはこの問題はありません。

4. DOM を使用してスタイルを制御する場合の違い。 JavaScript を使用して dom を制御してスタイルを変更する場合、@import は dom によって制御できないため、link タグのみを使用できます。

IV. i/em と b/strong の違い

HTML4.01 では、< b > は意味のない斜体を表します。 、表現スタイルは {font-weight:bolder} であり、これは「これを太字で表示する必要がある」または「これを斜体で表示する必要がある」ということだけを意味します

< ; と < はフレーズ要素です。 < em > (強調されたテキスト) は一般的な強調されたテキストを表し、 < より強い意味を持つ強調されたテキストを表します。

新しい HTML5 ドラフトでは、< と < は依然としてフレーズ要素です。ただし、現時点では は HTML ページの強調 (強調されたテキスト) を意味します。

5. ドメイン名と Web サイトの違いname

ドメイン名とウェブサイト名は、土地とその土地上の建物に相当します。この土地にはいくつでも建物を建てることができます。

baidu.com //ドメイン名

http://news.baidu.com/ //Webサイト名はサーバー名+ドメイン名で構成されます。httpは送信プロトコルです

http://map.baidu.com/ Baidu Map

6. メタ タグの役割

この要素は、検索エンジンの説明やキーワード、更新頻度など、ページに関するメタ情報 (メタ情報) を提供できます。

タグはドキュメントの先頭にあり、コンテンツは含まれません。 タグのプロパティは、ドキュメントに関連付けられた名前と値のペアを定義します。

詳細: http://www.w3school.com.cn/tags/tag_meta.asp

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

&lt; Progress&gt;の目的は何ですか 要素? &lt; Progress&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

&lt; datalist&gt;の目的は何ですか 要素? &lt; datalist&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

&lt; meter&gt;の目的は何ですか 要素? &lt; meter&gt;の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

See all articles