序文
フロント三つの基本的なHTMLの知識の一つとして、すべてのフロントエンド開発者が一部を習得する必要があります。今日、この記事では、我々は通常、あなたがそれを見ていきます、注意を払っていないが、面接の時に質問をすることができる?いくつかを見ていきますか
どのようにdivのアナログ実装のテキストエリアを使用するには?
我々は、すべてのことは、フォームのテキストエリアが複数行のテキスト入力のための非常に一般的な要素を形成することを知っている、あなたは、行と列の数を設定することができます。
ページのデフォルトスタイルのテキストエリアが醜いしかし、多くのページをdiv要素のTEXTAREAを達成使用してシミュレートされています。たとえば、メインページについて話をするQQスペースを公開し、あなたはページを見つけるあなたは、ソースコードの入力ボックスを見た後、実際にはdiv要素ではなく、textarea要素である、そして今、私たちは右、これがどのように行われるかを見てみましょうか?
まずは、達成された効果を見て何をされてみましょう
キー属性:のcontentEditable
編集可能なページ真=のcontentEditableタグに設けられたかのように文字通り、このプロパティは、編集されると理解することができます。
これは、ユーザーがページ要素を編集することができ、あなたはリッチテキストまたは異なる値を設定することで、プレーンテキストの内容を選ぶことができるかどうかを制御を表し、ユーザ変更属性、一緒に使用することができますが、プロパティは非常に少数の人々が知っている非標準のプロパティであるため。
まずは、簡単なdivタグであるいくつかのコードをHTMLページを見てみましょう、その後、trueにのcontentEditable属性を設定します。
次はバー全体CSSコードの完全な実装を見てみましょう。
事業部の高さが最小高さとmax-height属性によって制御することができ、コンテンツは、最大高さを越えてスクロールバーに表示されます。あなたはdiv要素の高さを修正したい場合は、唯一の代わりにMIN-高さとmax-heightプロパティを設定することができ、高さプロパティを設定する必要があります。
srcとHREFの違い
srcとhrefが視点の使用から参照される外部リソースの一種であるが、具体的な理解に異なっています。
hrefの値は、ネットワーク上のリソースの場所を指定し、要素の定義は、必要に応じて、現在のページとリソースファイルのリンクです。たとえば、次のステートメント。
ブラウザがこの文のページを解析するとき、我々は外部のスタイルファイルを参照する場所を知っているだろうが、ページの解像度を防ぐことはできません。この@importは非常に異なっているので、外部スタイルの導入は、リンクタグを使用することを推奨されている場合。
SRCの値は、ページの本質的な内容を示して、あなたは、現在のページに指定されたコンテンツをロードする必要があります。たとえば、次のステートメント。
ブラウザがページ上でこのステートメントを解析すると、ブラウザはこのファイルを解析し、コンパイルして実行、ページ全体をロードさせることは、一般的には、本体の終了タグにスクリプトタグを選択する理由である、中断されフロント。
理解のより良い方法があり、hrefの表現は、リソースへのリンクであり、srcが現在の要素の交換で、内容は最終的には、現在のページに埋め込まれます。
DIV + CSSレイアウトテーブルレイアウトとは対照的
ほとんどのWebページは道の現在DIV + CSSレイアウトに基づいていますが、いくつかの昔ながらのWebページには、表のレイアウトを使用していますがありますされていますが、我々は両方のレイアウトの長所と短所を見てみることができます。
フロントエンドエンジニアは、自己学習能力を維持するために、この環境で急速にフロントエンド技術を更新することは特に重要です。そのため、「学ぶために何を」「どのように我々は緊急の問題に対処するために持っている」学習します。これは私のフロントエンド交換研究qunです:四百八十から四の前で、真ん中は760に続いて、七百五十から七です。あなたは、内部に学習教材をダウンロードする必要がある場合。私は10年のためにこれをやっている、質問がそうで、学習効率を学習して、私にお気軽に持っています。
- DIV + CSSレイアウト
- DIV + CSSレイアウトは、W3C標準に属し、またによるCSSの存在のために、コードのHTML部分は、行動パターン、構造分離の原則を満たす、非常に純粋になります。
- ページには、非常に重要な理由の広い範囲を使用して、現在DIV + CSSである、より速くロードします。
- 表のレイアウトに関するページ符号量はずっと少なくなります。
- ページコンテンツのスタイルは、CSSファイルがあるので、保守が簡単、あなただけのHTMLファイルが影響を受けることはないだろう、CSSファイルを変更する必要があります。
- DIV + CSSレイアウトに簡単SEO最適化するので、そうより簡単に検索エンジンでインデックス化。
- テーブルレイアウト
DIV + CSSは、さまざまな利点がありますが、表のレイアウトは完全に役に立たないです。ここでは、表のレイアウトを使用していくつかの利点をも含めることができます。
- 学ぶために初心者のための簡単な(私はバックエンドのRDの始まりの間に多くのことを信じて学習テーブルレイアウトの先端から始めています)。
- 表のレイアウトが進化し、最も古いブラウザからあるとして、より良い互換性、互換性はすべてのブラウザで会う予定です。CSS3の出現は、-mozなどを-webkitするためのサポートのレベルに類似したあなたは、いくつかの異なるブラウザを追加することを検討したい接頭辞ブラウザ、スタイルを考慮する必要があります
結論
今日、この記事では、HTMLに関するある程度の知識を説明し、我々はそれをマスターしていますか?