HTMLの基本構造を包括的に理解する

HTMLの基本構造を包括的に理解する

HTML入門

ハイパーテキスト マークアップ言語: ハイパーテキスト マークアップ言語

ハイパーテキスト: ハイパーテキスト (テキスト + 画像 + ビデオ + オーディオ + リンク)

マークアップ言語:

ウェブサイトの3つの要素

画像、ハイパーリンク、テキスト

HTML の基本構造

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.      <ヘッド>   
  3.          <タイトル>ドキュメント</タイトル>   
  4.      </ヘッド>   
  5.      <本文>   
  6. モスバオーです！
  7.      </本文>   
  8. </html>​​   

ウェブページの標準 HTML タグ

1. HTML ドキュメント宣言: <!DOCTYPE HTML>

2. ページタイトル: <title>~</title>

3. ページのエンコーディング: <meta charset="utf-8" />

UTF-8は多言語エンコードです（推奨）

gb2312は簡体字中国語のエンコードです


4. ページキーワード: <meta name="keywords" content="キーワード 1,キーワード 2,…" />

ページのメインコンテンツ: <meta name="description" content="コンテンツの紹介" />

注: メタ タグは HTML 言語の補助タグで、通常は検索エンジンを最適化するために使用されます。HTML ドキュメントの先頭に配置されます。

HTMLドキュメントの初期構造を生成する

1. HTML5 標準構造: html:5+Tab キーまたは !+Tab キー

生成された結果は次のとおりです。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html >   
  2. < html   lang = "ja" >   
  3. <ヘッド>   
  4.      <メタ 文字セット= "UTF-8" >   
  5.      <タイトル>ドキュメント</タイトル>   
  6. </ヘッド>   
  7. <本文>   
  8.        
  9. </本文>   
  10. </html>​​   

2. HTML4 遷移構造: html:xt+Tab キー

生成された結果は次のとおりです。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >   
  2. < html   xmlns = "http://www.w3.org/1999/xhtml"   xml:lang = "en" >   
  3. <ヘッド>   
  4.      <メタ  http-equiv = "コンテンツタイプ"  コンテンツ= "text/html; 文字セット = UTF-8" >   
  5.      <タイトル>ドキュメント</タイトル>   
  6. </ヘッド>   
  7. <本文>   
  8.        
  9. </本文>   
  10. </html>​​   

HTML タグに関する注意:

• HTML 要素は開始タグと終了タグで構成されます。

• 開始タグと終了タグで囲まれたテキストが要素の内容です。

• HTML タグには始まりと終わりが必要です。コンテンツのないタグ (空タグ) の場合は、// を使用して終了します。

• タグ名は大文字と小文字が区別されませんが、XHTML ではタグ名は小文字にする必要があります。

• タグには属性があり、タグのプロパティと特徴を表すために使用されます。属性は開始タグで指定されます。

以上がHTMLの基本構造についての包括的な理解であり、これがエディターが皆さんと共有する内容のすべてです。皆さんの参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html

<<:  MySQL関数の包括的な概要

>>:  3つの簡単な例を使ってハイパーリンクの下線を削除する方法

推薦する

Centos8 システムの VMware インストール チュートリアル図 (中国語グラフィカル モード)

目次1. ソフトウェアとシステムイメージ2. 仮想マシンを作成する3. CentOS8をインストール...

MySQL の一般的なツール例の概要 (推奨)

序文この記事では主にMySQLでよく使われるツールに関する関連コンテンツを紹介し、皆さんの参考と学習...

MySQL の制限パフォーマンス分析と最適化

1. 結論構文: 制限オフセット、行結論: 同じ行条件では、オフセット値が大きいほど、limitステ...

SQL 最適化チュートリアル: IN クエリと RANGE クエリ

序文「High Performance MySQL」では、インデックスでは範囲フィールドの後の部分が...

MySQL のデータ削除とデータ テーブル メソッドの例

MySQL でデータやテーブルを削除するのは非常に簡単ですが、削除するとすべてのデータが消えてしまう...

ウェブサイトのコンテンツの一部を傍受するための iframe を実装するためのアイデアとコード

コードをコピーコードは次のとおりです。 <div スタイル="幅:630px;高さ:...

CSSスタイルのカスケーディングルールの詳細な説明

CSS スタイル ルール構文スタイルは、CSS の基本単位です。各スタイル ルールは、セレクターと宣...

nginx を最適化する 6 つの方法

1. Nginxの同時実行性を最適化する [root@proxy ~]# ab -n 2000 -c...

Tomcat8はcronologを使用してCatalina.Outログを分割します

背景tomcat によって生成された catalina.out ログ ファイルが分割されていない場合...

複数ページ通信を実現する JavaScript の sharedWorker の詳細な例

こんなことがありました。今日はGitHubで遊んでいました。最初はログインせずにいくつかのページを閲...

Mac で MySQL バージョン 5.6 のパスワードを設定する方法

MySQLはインストール時に設定できますが、それより低いバージョンは設定できないようで、インストール...

Python3.6-MySql 挿入ファイルパス、バックスラッシュをなくす解決策

以下のように表示されます。上記のように、置き換えるだけです。 Python3.6-MySql でファ...

Linux で rsync を使用する方法

目次1. はじめに2. インストール3. 基本的な使い方3.1、-rパラメータ3.2、-aパラメータ...

Linuxのファイル操作の知識ポイントを詳しく解説

ファイル操作に関連するシステムコール作成するint creat(const char *ファイル名,...

Linux システムで TCP 接続を作成するプロセスの紹介

目次LinuxでTCPを作成する手順サーバクライアントTCP確立プロセスサンプルコードLinuxでT...