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プロトタイプチェーン図のまとめと実践

推薦する

moment.jsの時間と日付の処理の詳細な説明

月曜日から日曜日の時間形式の変換(Y --- 年 M --- 月 D--- 日) : : : : :...

JavaScriptプロトタイプと例の詳細な説明

目次コンストラクタインスタンスとプロトタイプの関係プロトタイププロパティ属性またはメンバーの検索原則...

CSS は、モバイル端末でクリックされたときに生成された要素の背景色を削除します (推奨)

クリック時に背景色を生成する要素の CSS スタイルに次のコードを追加します。 -webkit-ta...

TypeScriptはvscodeを使用してコードのコンパイルプロセスを監視します

インストールtsコマンドをグローバルにインストールする npm install -g typescr...

VUEをベースにしたシンプルな学生情報管理システムの実装

目次1. 主な機能2. 実装のアイデア3. コードの実装4. エフェクト表示V. 結論1. 主な機能...

CSS3で実装されたテキストポップアップ効果

成果を達成する実装コードhtml <div>123WORDPRESS.COM</d...

Nginx をベースに特定の IP への短期アクセス数を制限する

特定の期間内に特定の IP へのアクセス回数を制限する方法は、特に悪意のある DDOS 攻撃に直面し...

MySQL MyISAM と InnoDB の違い

違い: 1. InnoDB はトランザクションをサポートしていますが、MyISAM はサポートしてい...

モバイル開発チュートリアル: ピクセル表示の問題の概要

序文モバイル端末の開発の過程で、モバイル端末のディスプレイはデスクトップ端末のディスプレイとは一般的...

Nginx タイムアウト設定の詳細な説明

最近、プロジェクトで nginx を使用し、バックエンドで Java を使用しました。バックエンドで...

Vue-pdfはPDFファイルのオンラインプレビューを実装します

序文ほとんどのプロジェクトでは、PDF ファイルのオンライン プレビューに遭遇するでしょう。このプロ...

MySQL でストリーミングクエリを使用してデータ OOM を回避する

目次1. はじめに2. JDBCはストリーミングクエリを実装する3. パフォーマンステスト3.1. ...

Reactのコンポーネント共同利用実装

目次ネスティング親子コンポーネント通信ブラザーコンポーネント通信撤回するReact の Linked...

Dockerデータのバックアップとリカバリプロセスの詳細な説明

データのバックアップ操作は非常に簡単です。次のコマンドを実行します。 docker run --vo...

5分でReactルーティングについてお教えします

目次ルーティングとは純粋コンポーネントの基本的な使用純粋なコンポーネントの使用に関する注意事項ルーテ...