HTMLベースのday01

一般的なブラウザカーネル(理解)

まず、ブラウザカーネルは英語と呼ばれるものである説明レンダリングエンジン今人気のあるブラウザカーネルと呼ばれるエンジンを、レンダリングエンジンを説明し、多くの中国語の翻訳、組版エンジン。

無料のウェブコンテンツを読むために、表示ページが計算され、ページが表示され、メッセージを整理。

主な一般的なブラウザ
ブラウザ カーネル リマーク
IE トライデント IE、チーターのセキュリティ、360高速ブラウザ、Baiduのブラウザ
Firefoxの ヤモリ 近年では、開くのに時間がかかる減少されている、豚のチームメイトフラッシュ、神の対戦相手がクロム、頻繁にアップグレード
サファリ WebKitの 今、多くの人が誤ってWebKitのコアのクロムと呼ばれる、(さえクロムカーネルが点滅すでにあります)
クロム chromeium /点滅 chromeiumプロジェクト開発の点滅レンダリングエンジン(つまりブラウザコア)では、Chromeブラウザに組み込まれている。ブリンク分岐WebKitの事実、国内のブラウザのほとんどが採用している点滅コア、二次開発
広げます

モバイルブラウザカーネルは主に組み込みのブラウザカーネルシステムについて話しているエンド

Android携帯電話のために、最高の利用率はwebkitのカーネルで、国内のブラウザのほとんどは自社のコアを宣言し、それらはすべて基本的に二次開発をWebKitのです。

iOSとWP7プラットフォームでは、システム上の理由から、ほとんど自分のブラウザ・システム・カーネル、カーネル通常トライデントのSafariやIE。

Web標準(キー)

网页中 web 标准的三层组成 : 结构 表现 行为

Web標準に従うのはなぜ

フォローWeb標準私たちは、より統一規格別のページを記述することができ、多くの利点があります

  • より広範なウェブの見通しをしてみましょう。
  • コンテンツはデバイスの広い範囲で使用することができます。
  • 検索エンジンのために、それが容易になります。
  • サイトのトラフィックのコストを削減します。
  • 維持するためにサイトが容易になります。
  • Webブラウジングスピードアップ
Web標準を構成します

憲法:構造(構造)、パフォーマンス(プレゼンテーション)、および行動(行動)3を含みます。

標準 説明
構造 構造物のページ要素をソートし、HTMLの値限り、分類します
ショー プレート、色、サイズ、およびWebページの外観は、主にCSSを参照して、パフォーマンスのスタイルを設定するために使用されるので、
行動 主にはJavaScriptを指し、定義とインタラクティブなWebモデルを書くの行為を指します
Web標準の概要
  • 構造、性能や動作:ウェブ標準は、3つの層があります。
  • 理想的には、彼らは別のファイルに配置され、3つの別々のです。
広げます
  • ブラウザカーネルのご理解とご紹介しますか?一般的なブラウザのコアは何を持っていますか?

    ブラウザカーネルは、Webコンテンツのレンダリングエンジンは、JSのページを運ばされているWebページの表示解像度を、読んでソートメッセージ、計算をして表示する責任がある。エンジンとJSレンダリングエンジン、2つの部分から構成され、JSエンジンの検索結果ページには、移動すると、後にますますJSエンジンを取得します複数の独立したコアは、エンジンのみをレンダリングする傾向があります。

    IE:トライデント

    Firefoxの:ヤモリ

    サファリ:WebKitの

    クロム:chromeium /点滅

    HTML知人

  • HTMLは、HTML(ハイパーテキストマークアップ言語)言語はページを記述するために使用される参照します
  • HTMLは言葉にではなく、マークアップ言語(マークアップ言語)
  • マークアップ言語は、マークアップタグのセットである(マークアップタグ)

HTMLタグスケルトン
<html>
  <head>
    <title></title>
  </head>
  <body></body>
</html>
HTMLタグカテゴリー

カテゴリー:

  1. 従来の要素(ダブルラベル)

    <标签名></标签名>
  2. 空の要素(単一ラベル)

    <标签名 />
HTMLタグ関係

関係:

  1. ネストされた関係

    <head>
      <title></title>
    </head>
  2. パラレルな関係

    <head></head>
    <body></body>
HTMLテンプレート
<!-- 声明 文档类型 HTML5 -->
<!DOCTYPE html>
<!-- 声明书写语言 -->
<html lang="zh-CN">
  <head>
    <!-- 声明编码方式 -->
    <meta charset="UTF-8" /> 
    <title></title>
  </head>
  <body></body>
</html>

一般的なエンコード:

  • 2312:中国語(簡体字)
  • GBK:簡体字中国語、繁体字中国語、香港、マカオ、台湾
  • UTF-8 : 全世界通用

一般的なHTMLタグ

出版レーベル
タイトルタグ(H)
<h1> 标题 </h1>
<h2> 标题 </h2>
<h3> 标题 </h3>
<h4> 标题 </h4>
<h5> 标题 </h5>
<h6> 标题 </h6>
段落タグ(P)

意味役割:あなたは、いくつかの段落に文書をHTMLことができます

<p> 文本内容 </p>
水平方向のラベル(時間)
<hr />
ブレークタグ(BR)
<br />
div spanタグ(キー)

divのスパンにはセマンティックWebレイアウトは、我々の2つの主要なボックスではありませんです

<div></div>         <span><span>

彼らは、私たちのページ要素を保持するために使用される2つのボックス、ですが、彼らは異なっています

  • レイアウトのためのdivタグが、彼の党は唯一のdivを置くことができます
  • スパンのラベルのレイアウトは、行スパンを複数置くことができます
テキスト書式タグ
タグ 効果
<b></b> <strong></strong> フォントのボールド効果、セマンティック良く、強力なタグを使用することをお勧めします
<i></i> <em></em> テキストイタリック体の中の結果、EMタグ、セマンティックより良いです
<s></s> <del></del> テキスト取り消し線の効果は、デルのタグを、セマンティック良く使用することをお勧めします
<u></u> <ins></ins> ドキュメント下線効果、推奨インタグ、セマンティックより良いです
タグの属性
<标签名 属性名="属性值1" 属性名="属性值2"><标签名/>
<标签名 属性名="属性值1" 属性名="属性值2" />
画像タグIMG
<img src="图片 URL" />
プロパティ プロパティ値 説明
ALT テキスト テキストが交換されたときの写真を表示することはできません
題名 テキスト ロールオーバーに表示されるコンテンツ
[リンク]タブ
<!-- target:
            _self:默认值,在当前窗口打开
            _blank:为新窗口打开-->
<a href="跳转目标" target="目标窗口的弹出方式">文本对象</a>
パス
絶対パス
カテゴリパス シンボル 説明
パス付き 唯一のイメージファイルの名前を入力する必要があり、<IMG SRC =「baidu.jpg />」
パスの下に / 画像ファイルはHTML兄弟フォルダ、<IMG SRC = "/画像/ baidu.jpg>" であります
パス上 ../ 二つは、あなたが../../使用する必要がある、というように、<IMG SRC =「../画像/ baidu.jpg />」場合は、ファイル名の前に../を追加しました
絶対パス

基準ベースとして、Webサイトのルートディレクトリへのディレクトリパスへの絶対パス。これは絶対と呼ばれ、同じファイルが参照するすべてのページ、使用されるパスが同じであることを意味します。

<img src="C:\\admin\Desktop\logo.jpg"など、または完全なネットワーク・アドレス、「http://www.baidu.com/logo.jpg。」

注:以下との相対パス

広げます
アンカーの位置

アンカーポイントの接続を作成することにより、ユーザーはすぐに対象コンテンツに移動することができます

1. 使用 id 名称标注跳转目标的位置 . (找目标)
<h3 id="two">内容1</h3>
2. 使用 <a href="#id名">连接文本</a>创建链接文本(被点击的)
ベースラベル
  • あなたは、全体的なベース、オープンリンクのスタイルを設定することができます。

  • ラベル基材との間に書き込みヘッド

    <head>
      <base target="_blank" />
    </head>
前はテキストタグをプリフォーマット

整形済みテキストタグを定義することができ、事前。これは、前のタグにこの中国の要素、通常はリザーブスペースや改行を囲まれています。テキストは等幅フォントとして表示されます。

<pre>
  我是测试内容
</pre>
特殊文字
特殊文字 説明 文字コード
空白 &nbsp;
< 以下 &lt;
> より大きい &gt;
&amp;
¥ 人民元 &yen;
© 著作権 &copy;
® 登録商標 &reg;

おすすめ

転載: www.cnblogs.com/article-record/p/12233872.html