Web 開発の面接と筆記試験に必須の知識(必読)

Web 開発の面接と筆記試験に必須の知識(必読)

HTML のインライン要素とブロックレベル要素の違い:

標準的なドキュメント フローでは、ブロック レベル要素には次の特性があります。

①常に新しい行から始めて、行全体を占有します。

②高さ、行の高さ、余白、パディングをすべて制御できます。

③帯域幅はコンテンツに関係なく、常にブラウザの幅と同じになります。

④インライン要素やその他のブロック要素に対応できる

インライン要素の特性:

①その他の要素が1行に並んでいる。

②高さ、行の高さ、余白、パディングを変更できます。

③幅はコンテンツにのみ関係します。

④インライン要素には、テキストまたは他のインライン要素のみを含めることができます。

幅と高さは設定できません。幅はコンテンツに応じて増加し、高さはフォント サイズに応じて変化します。インライン要素は外側の境界線を設定できますが、外側の境界線は上下には機能せず、左右にのみ機能します。インラインの境界線も設定できますが、IE6 では内側の境界線は上下には機能せず、左右にのみ機能します。

一般的なブロックレベル要素とインライン要素:

•ブロック要素

1. * 住所
2. * blockquote - ブロック引用
3. * center - 中央揃えブロック
4. * dir – ディレクトリ一覧
5. * div - 一般的に使用されるブロックレベル、CSSレイアウトのメインタグでもある
6. *dl – 定義リスト
7. * fieldset - フォームコントロールグループ
8. * フォーム - インタラクティブフォーム
9. * h1 – 大きな見出し
10. *h2 – サブ見出し
11. * h3 – レベル3の見出し
12. *h4 – レベル4の見出し
13. * h5 – レベル5の見出し
14. *h6 – レベル6の見出し
15. * hr - 水平区切り
16. * isindex - 入力プロンプト
17. * メニュー - メニューリスト
18. * noframes - フレームオプションコンテンツ(フレームをサポートしていないブラウザの場合、このブロックコンテンツが表示されます)
19. * noscript - オプションのスクリプトコンテンツ(スクリプトをサポートしていないブラウザではこのコンテンツを表示します)
20. *ol – ソートテーブル
21. * p – 段落
22. * テキストの事前フォーマット
23. * 表
24. *ul - 順序なしリスト

• インライン要素
1. * a - アンカーポイント
2. * abbr - 略語
3. * 頭字語 - 最初の文字
4. * b - 太字(非推奨)
5. * bdo - bidiオーバーライド
6. * 大きい - 大きいフォント
7. * br – 改行
8. * 引用 – 引用
9. * コード - コンピュータコード(ソースコードを引用するときに必要)
10. * dfn – フィールドを定義する
11. * em – 強調
12. * フォント - フォント設定(非推奨)
13. * i - イタリック体
14. * img – 画像
15. * 入力 - 入力ボックス
16. * kbd – キーボードのテキストを定義する
17. * ラベル – テーブルラベル
18. *q – 短い引用
19. * s - ハイフン(非推奨)
20. * samp - サンプルコンピュータコードを定義する
21. * 選択 – 項目の選択
22. * 小 - 小さいフォントのテキスト
23. * span - 一般的に使用されるインラインコンテナ。テキストブロックを定義します。
24. * ストライキ
25. * 強い - 太字の強調
26. * sub – 下付き文字
27. * sup - 上付き文字
28. * textarea – 複数行テキスト入力ボックス
29. * tt - テレテキスト
30. * u - アンダースコア
31. * var – 変数を定義する

ウェブ開発の面接や筆記試験に必須の知識(必読)に関する上記の記事は、編集者が皆さんに共有する内容のすべてです。皆さんの参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

オリジナル URL: http://www.cnblogs.com/yzybc/p/5643554.html

<<:  Nginx の Docker インストールの問題とエラー分析

>>:  JavaScriptプロトタイプチェーン図のまとめと実践

推薦する

MySQL スロークエリログの有効化と設定

導入MySQL スロー クエリ ログは、問題のある SQL ステートメントのトラブルシューティングや...

Vue の v-model ディレクティブと .sync 修飾子の違いの詳細な説明

目次vモデル.sync微妙な違い機能シナリオを要約します。 vモデル <!--親コンポーネント...

画像ボタンをフォームのリセットボタンとして使用する方法

フォームを作成するときに、送信ボタンとリセットボタンを配置することがよくあります。ページの外観を考慮...

1つのSQL文でMySQLの重複排除が完了し、1つが保持されます。

数日前、ある要件に取り組んでいたとき、MySQL で重複レコードをクリーンアップする必要がありました...

埋め込みJavaScriptと外部リンクの基本的な応用方法

目次埋め込みJavaScriptと外部リンクの基本的な応用JavaScript の記述方法には、イン...

uniapp プロジェクトの最適化方法と提案

目次1. 複雑なページデータ領域をコンポーネントにカプセル化する2. 大きな画像の使用を避ける3. ...

CentOS 8にdockerをインストールする最も詳細な方法

CentOS 8にDockerをインストールする公式ドキュメント: https://docs.doc...

フロントエンド制作に関する簡単な議論: 互換性のために IE6 はまだ必要ですか?

国内市場ではIE6~7のサポートに対する一定の需要がまだありますが、フロントエンド開発者として、私た...

MySQL コマンドを使用してインデックスを作成、削除、およびクエリする方法の紹介

MySQL データベース テーブルでは、インデックスを作成、表示、再構築、削除できるため、クエリ速度...

メニューノードのすべての子ノードを再帰的に検索する MySQL メソッド

背景プロジェクトにはメニューノードのすべてのノードをチェックする要件があります。オンラインでチェック...

スーパーバイザーを使用して nginx + tomcat コンテナを管理する例

必要: docker を使用して nginx + tomcat デュアル プロセスを起動します。実際...

Linux で LVGL エミュレータをコンパイルする際のエラーの解決方法

目次1. エラー現象2. エラー分析3. エラー解決1. エラー現象仮想マシンでLVGLエミュレータ...

js の parseInt() の奇妙な動作の調査と修正

背景: parseInt(0.006) または parseInt(0.0006) は 0 という値を...

Dockerはポートマッピングを設定しますが、ソリューションにアクセスできません

#docker ps チェック、すべてのポートがマップされています コンテナID イメージ コマンド...