今回はHTMLタイトルの注意事項について、実際の事例を交えてご紹介します。
HTML: Title
Heading (見出し) は、
<h1> 定义最大的标题。<h6> 定义最小的标题。 <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
ヒント: ブラウザはタイトルの前後に空白行を自動的に追加します。 h1 が主見出し (最も重要) として機能し、次に h2 (次に重要)、h3 が続きます。ヒント: デフォルトでは、HTML は段落や見出し要素などのブロックレベル要素の前後に余分な空白行を自動的に追加します。
タイトルの配置を設定します:
CSS 構文:
方法 1:
<!DOCTYPE html> <html> <body> <h1 style="text-align:center">This is heading 1</h1> <h2 style="text-align:left">This is heading 2</h2> <h3 style="text-align:right">This is heading 3</h3> <h4 style="text-align:justify">This is heading 4</h4> </body> </html>
方法 2:
<!DOCTYPE html> <html> <head> <style> h1 {text-align:center} h2 {text-align:left} h3 {text-align:right} </style> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> </body> </html>
HTML: 水平線
hr 要素はコンテンツを分離するために使用できます。
<p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> <hr />
これは段落です
ヒント: 水平線 (HTML 4.01 では、
align 属性は、水平線の配置を指定します。
注: width 属性が 100% 未満に設定されていない限り、align 属性は効果がありません。
CSS 構文 (IE および Opera):
CSS 構文 (Firefox、Chrome、および Safari):
CSS 構文 (クロスブラウザ):
属性値の説明css 構文形式
左揃え
中央
右揃え HTML5 はサポートされていません。 HTML 4.01 は非推奨になりました。
noshade noshade は HTML5 ではサポートされていません。 HTML 4.01 は非推奨になりました。
サイズ ピクセル HTML5 はサポートされていません。 HTML 4.01 は非推奨になりました。
幅ピクセル
% HTML5 はサポートされていません。 HTML 4.01 は非推奨になりました。
<!DOCTYPE html> <html> <body> <p>This is some text. This is some text. This is some text.</p> <hr style="width:50%;text-align:left;margin-left:0"> <p>This is some text. This is some text. This is some text.</p> </body> </html>
HTML: コメント
HTML コードにコメントを挿入すると、読みやすさが向上し、コードが理解しやすくなります。ブラウザはコメントを無視し、表示しません。
コメントは次のように書かれます:
コメント: コマンドラインの最後の 2 つのスラッシュ (//) は JavaScript コメント記号です。これにより、JavaScript が --> タグを実行しなくなります。
ソース ドキュメントにおける非常に明白な役割に加えて、多くの Web サーバーは、ドキュメント サーバー ソフトウェアに固有の機能を実装するために注釈も使用します。これらのサーバーはドキュメントをスキャンして、従来の HTML/XHTML コメント内の特定の文字シーケンスを見つけ、コメントに埋め込まれたコマンドに基づいて適切なアクションを実行できます。これらのアクションは、他のファイルからテキストをインクルードする (いわゆるサーバー内部インクルード) という単純な場合もあれば、ドキュメントのコンテンツを動的に生成するために他のコマンドを実行するような複雑な場合もあります。
これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:
以上がHTML タイトルの概要に関する推奨事項の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。