ホームページ > 記事 > ウェブフロントエンド > HTML タイトルの概要に関する推奨事項

HTML タイトルの概要に関する推奨事項

php中世界最好的语言オリジナル: 2018-01-22 10:44:561457ブラウズ

今回はHTMLタイトルの注意事項について、実際の事例を交えてご紹介します。

HTML: Title

Heading (見出し) は、4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc などのタグによって定義されます。

<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

ヒント: ブラウザはタイトルの前後に空白行を自動的に追加します。 h1 が主見出し (最も重要) として機能し、次に h2 (次に重要)、h3 が続きます。ヒント: デフォルトでは、HTML は段落や見出し要素などのブロックレベル要素の前後に余分な空白行を自動的に追加します。 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc align 属性は HTML4/5 では廃止されました。代わりに CSS を使用してください。タイトルはイベント属性とグローバル属性をサポートしています

タイトルの配置を設定します:

CSS 構文: 8a87467e4171ebd802a0f1b069ce535d

方法 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: 水平線

231a563c997aa9e3e0ae614bd16728b0 タグは HTML ページに水平線を作成します。

hr 要素はコンテンツを分離するために使用できます。

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />

e388a4556c0f65e1904146cc1a846beeこれは段落です94b3e26ee717c64999d7867364b1b4a3ヒント: 水平線 (f32b48428a809b51f04d3228cdf461fa タグ) を使用して記事内のセクションを区切るのは 1 つの方法です (ただし、唯一の方法ではありません)。 HTML5 は f32b48428a809b51f04d3228cdf461fa align 属性をサポートしていません。代わりに CSS を使用してください。

HTML 4.01 では、f32b48428a809b51f04d3228cdf461fa の align 属性は非推奨になりました。

align 属性は、水平線の配置を指定します。

注: width 属性が 100% 未満に設定されていない限り、align 属性は効果がありません。

CSS 構文 (IE および Opera): b6b08834a2c71e4c4f5c07ba37a5f4e5

CSS 構文 (Firefox、Chrome、および Safari): ef64619d9c040bb6b952afcbcbbfda13

CSS 構文 (クロスブラウザ): 7ddfdf383f176d5259b96af8417ef01d

属性値の説明css 構文形式

左揃え
中央
右揃え HTML5 はサポートされていません。 HTML 4.01 は非推奨になりました。 f32b48428a809b51f04d3228cdf461fa 要素の配置を指定します

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 コードにコメントを挿入すると、読みやすさが向上し、コードが理解しやすくなります。ブラウザはコメントを無視し、表示しません。

コメントは次のように書かれます:

4076f45813f09859b5fb876c8aa570ce

コメント: コマンドラインの最後の 2 つのスラッシュ (//) は JavaScript コメント記号です。これにより、JavaScript が --> タグを実行しなくなります。

ソースドキュメントにおける非常に明白な役割に加えて、多くの Web サーバーは、ドキュメントサーバーソフトウェアに固有の機能を実装するために注釈も使用します。これらのサーバーはドキュメントをスキャンして、従来の HTML/XHTML コメント内の特定の文字シーケンスを見つけ、コメントに埋め込まれたコマンドに基づいて適切なアクションを実行できます。これらのアクションは、他のファイルからテキストをインクルードする (いわゆるサーバー内部インクルード) という単純な場合もあれば、ドキュメントのコンテンツを動的に生成するために他のコマンドを実行するような複雑な場合もあります。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。