HTML-フロントエンドコンテンツ知人

HTMLの解釈:

HTMLは、英語ハイパーテキストマークアップ言語(HTML)の略語、彼はWebページ(マーク)を製造するための標準言語です。均一なルール(W3C)の定義に相当し、我々はあなたがマークアップ言語のルールに従ってそれを解釈するために、ブラウザを伝えることができるように、彼に従わなければなりません。

ブラウザがユーザに提示さ、形式を「読むことができる」ユーザーに翻訳ラベルに責任があります!

Webページの構成は次のとおりです。

Webページは、一般的に、すなわち2つの部分から成ります:

  • HTML(ハイパーテキストマークアップ言語)
  • 和CSS(カスケードスタイルシート)

CSSはWebページ(外観)のパフォーマンスのために責任がある(例えば、タイトル、ナビゲーションバーなど)の構造と内容を説明する責任HTMLページ(例えば、背景色、フォントスタイル、など)。

<ヘッド> </ head>の間にコンテンツとタイトルメタ情報とメタ情報ウェブサイトは、一般的に表示されませんが、あなたは、このHTMLファイル多くの有用な情報を記録した
<body>と</ body>をしますコンテンツ、ブラウザのプレゼンテーションの間、ユーザーはページの効果を参照してください。これは、ページの本文です。それは身体の体が意図している
。これは、ページの<HTML> </ HTML>説明。ブラウザこのページの開始と終了を指示します。彼は後に2つの要素を含んでいます。<head>と</ head> | <body>と</ body>

次のように文書が構成されています。

1  <!DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < タイトル>タイトル</ タイトル> 
6  </ ヘッド> 
7  < ボディ> 
8  
9  </ ボディ> 
10  </ HTML >

 

以下は各コンテンツの詳細な説明であります

A、DOCTYPEの一部--- <!DOCTYPE HTML>

ブラウザが読んで、私たちを表示するためにレンダリングするHTMLコードで指定された基準に基づいて、その上に私たちのコードにアクセスするために、我々は、<!DOCTYPE HTML>時間の1行目に指定された標準のHTML言語、の必要性ページ。

 

二、ヘッド部分

1、メタ(メタデータ情報)

 例えば、ページのメタ情報についての情報を提供します。ページのエンコーディング、リフレッシュ、ジャンプ、および検索エンジンの更新頻度とキーワードの説明

 

1.1、符号化形式が定義されています

< メタのcharset = "UTF-8" >   #はUTF-8をコードするように定義されます

1.2、ページ更新とジャンプ

< メタHTTP-当量= "更新" コンテンツ= "2" >   #2秒リフレッシュに
< メタHTTP-当量= "更新" 内容= "1;のURL = HTTP:。//www.baidu.com/" />#1。 Baiduのホームにジャンプする秒

1.3キーワード

キーワードの役割:一般的な手順は、キーワードを持っている場合、それらは、百度など、そのレコードに含まれるキーワード、を優先させて頂きます、彼らはあなたのサイトをクロールするとき、爬虫類のコレクションなどを可能にすることです。彼らならばあなたはBaiduのウェブサイトを見つけることができたときに収集した後、彼らはあなたのキーワードを検索します。

< メタ=「キーワード」コンテンツ=「フロントエンド、HTML、ウェブ」>

1.4説明

次のように公園は、例えば、ブログについて説明します。

< メタ=「説明」コンテンツ=「公園は、コミュニティを共有し、知識の開発者に向けられているブログ。創業以来、ガーデンのブログがコミットされているとを通じて開発を促進し、支援するために開発者のための純粋な技術交流のコミュニティを作成することに焦点を当てインターネット共有の知識、それ。ブログの庭の使命からの利益のために多くの開発者は、ヘルプの開発者であることが世界を変えるために、コードを使用しています。 " >

1.5、ページタイトルの情報を設定します

    < タイトル>これは、最初にするサイトです。</ タイトル>

アイコン:

1.6、リンクアイコンのページを設定します

< リンクREL = "アイコン" HREF = "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" タイプ= "画像/ X-アイコン" />

アイコン:

同様の1.7、CSS同様のインポートPythonのインポートモジュール

< リンクのrel = "スタイルシート" のhref = "CSS / css_model.css" >

1.8、スタイル

  現在のファイルの1、書き込みCSSスタイル

  2、現在使用されているファイルのCSSスタイルにインポートのpythonモジュールに似た他の文書の書き込みCSSスタイルへの道

1.9、スクリプト

  1、現在のファイルの書き込みJS

  2、JSファイルに導入されたJSファイル同様のPythonモジュールを書くための別の方法は、現在使用されています

 

おすすめ

転載: www.cnblogs.com/june-L/p/11828233.html