html5のdivおよびspan htmlブロックレベル要素の詳細な紹介

HTML

と

• HTML リスト

• HTMLクラス

HTML 要素は

と を使用して結合できます。

HTML ブロック要素

ほとんどの HTML 要素は、ブロックレベル要素または インライン要素 として定義されます。

編集者注: 「ブロックレベル要素」は、ブロックレベル要素、「インライン要素」と翻訳されます 「 は インラインとして翻訳されます」要素。

ブロックレベルの要素は、通常、ブラウザで表示されるときは新しい行で始まり (そして終わり) ます。

例:

、

、

、

HTMLインライン要素

インライン要素は通常表示されます新しい行で始めないでください。

例: 、

、、

HTML

HTML 要素はブロックレベルの要素であり、他の HTML 要素を組み合わせるために使用できるコンテナです。

要素には特別な意味はありません。また、ブロックレベルの要素であるため、ブラウザでは前後に改行が表示されます。

CSS と一緒に使用すると、

要素を プロパティ で大きなコンテンツ ブロックのスタイルに使用できます。

要素のもう 1 つの一般的な用途は、ドキュメントのレイアウトです。これは、テーブルを使用してレイアウトを定義する昔ながらの方法を置き換えます。ドキュメントのレイアウトに

要素を使用することは、テーブルの正しい使用法ではありません。 要素は表形式のデータを表示するために使用されます。

HTML 要素

HTML 要素は、テキストのコンテナとして使用できます。

要素にも特別な意味はありません。

CSS と一緒に使用すると、 要素を使用してテキストの一部にスタイル属性を設定できます。 HTML 説明

ドキュメント内のパーティションまたはセクション (セクション/セクション) を定義します。

ドキュメント内のインライン要素を結合するために使用されるスパンを定義します。

以上がhtml5のdivおよびspan htmlブロックレベル要素の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：

h5 html html5 span 要素 について

ソース：php.cn

前の記事：HTML5 ファイル アップロード プラグインで発生した技術的問題 次の記事：HTML5 のエンティティ文字、メタデータ、ジャンプ、およびグローバル属性のエスケープに関する詳細なグラフィックとテキストの説明

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• 独自の PHP フレームワークをゼロから構築するためのビデオ資料
  2023-03-15 16:54:01
• PHPMailer が QQ メールボックスを使用して電子メール送信機能を完了する方法の分析例
  2023-03-15 12:26:02
• PHPでIMAPでメールを受信する方法の紹介
  2023-03-14 18:58:01
• PHP で配列の重複排除を迅速に実装する方法の例
  2023-03-14 11:30:01
• HTML での タグのすべての属性の使用の概要
  1970-01-01 08:00:00
• PHPの基礎知識まとめ（初心者が始めるのに必要）
  2023-03-16 15:20:01
• JavaScript での typeof の使用の概要
  1970-01-01 08:00:00
• JavaScript でのconfirm() メソッドの使用の概要
  1970-01-01 08:00:00
• HTML5 プレースホルダー属性の詳細な紹介
  1970-01-01 08:00:00
• ReactJS のフォームに単一選択、複数選択、逆選択を実装する方法
  1970-01-01 08:00:00

最新の問題

ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...

から 2024-04-06 15:33:12

0

1

433

PDF ファイルは HTML5 と JavaScript を実行できますか? PDF に埋め込まれるため、どのコンピュータでもブロックされないプログラムを作成してみようという愚かな考えがあります (JavaScript は PDF 内で実行できると聞きました...

から 2024-04-05 12:57:00

0

1

456

HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...

から 2024-04-02 11:47:56

0

1

275

ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...

から 2024-04-01 20:42:38

0

1

259

関連トピック

詳細>

• html著作権記号
• HTMLオンラインエディター
• HTMLウェブページ制作
• HTMLスペース
• h5とは何ですか
• htmlとは何ですか
• HTMLのフォントサイズを設定する方法
• htmlからテキストへ

人気のおすすめ

• h5とは何ですか
• コードがわからない場合に h5 ページを作成するにはどうすればよいですか?推奨される H5 ページ制作プラットフォーム
• html5の新機能とは何ですか？
• h5ページ制作とは
• h5 プログラムとミニ プログラムの違いは何ですか?

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1424830
• 
  PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ

  4271131
• 
  JAVA 初心者向けビデオチュートリアル

  2551148
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  508403
• 
  PHP ゼロベースの入門チュートリアル

  863938

• 
  最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)

  1424830 回の学習
• 
  JAVA 初心者向けビデオチュートリアル

  2551148 回の学習
• 
  Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル

  508403 回の学習
• 
  Web フロントエンド開発の簡単な紹介

  216011 回の学習
• 
  PSビデオチュートリアルをゼロからマスターする

  893548 回の学習

• 
  [Web フロントエンド] Node.js クイック スタート

  7734 回の学習
• 
  海外のWeb開発フルスタックコースの完全なコレクション

  6193 回の学習
• 
  Go言語実践GraphQL

  5100 回の学習
• 
  550W ファンマスターが JavaScript をゼロから段階的に学習します

  706 回の学習
• 
  Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる

  25829 回の学習

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート

• [フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード
• [プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果
• [メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
• [フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
• [プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード
• [html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム
• [画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール
• [フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート

• [PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)
• [PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
• [バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
• [PNG素材] 金色の卒業帽ベクター素材（EPS+PNG）
• [PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)
• [PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材（EPS+PNG）
• [バナー画像] フラット スタイルの植樹祭バナー ベクター素材 (AI+EPS)
• [PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材（EPS+PNG）

• [フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート
• [フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
• [フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート
• [フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート
• [フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート
• [フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します
• [フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート



福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて 免責事項 Sitemap

© php.cn All rights reserved