ホームページ > 記事 > ウェブフロントエンド > HTML の基本的な推奨事項の概要 (タイトル)
HTML の基本的な推奨事項の概要 (タイトル)
- 黄舟オリジナル
- 2016-12-21 16:14:451140ブラウズ
HTML: タイトル
見出しは、4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc などのタグによって定義されます。
は最大のタイトルを定義します。 4e9ee319e0fa4abc21ff286eeb145ecc 最小の見出しを定義します。
4a249f0d628e2318394fd9b75b4636b1これは見出しです473f0a7621bec819994bb5020d29372a
c1a436a314ed609750bd7c7d319db4daこれは見出しです2e9b454fa8428549ca2e64dfac4625cd
684271ed9684bde649abda8831d4d355これは見出しです39528cedfa926ea0c01e69ef5b2ea9b0
ヒント: ブラウザは自動的に空白行を追加します前後。 h1 が主見出し (最も重要) として機能し、次に h2 (次に重要)、h3 が続きます。ヒント: デフォルトでは、HTML は段落や見出し要素などのブロックレベル要素の前後に余分な空白行を自動的に追加します。 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc align 属性は HTML4/5 では廃止されました。代わりに CSS を使用してください。タイトルはイベント属性とグローバル属性をサポートします
タイトルの配置の設定:
CSS 構文: efe45b0c269d71f0e0222008f96fb613
方法 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>| プロパティ値 | 説明 |
| left | タイトルを左揃え(デフォルト) |
| right | 右揃えのタイトル |
| center | 中央揃えのタイトル。 |
| justify | タイトルには適度な余白があります。 |
HTML: 水平線
231a563c997aa9e3e0ae614bd16728b0 タグは、HTML ページに水平線を作成します。
hr 要素はコンテンツを分離するために使用できます。
e388a4556c0f65e1904146cc1a846beeこれは段落です94b3e26ee717c64999d7867364b1b4a3
231a563c997aa9e3e0ae614bd16728b0
e388a4556c0f65e1904146cc1a846beeこれは段落です94b3e26ee717c64999d7867364b1b4a3
231a563c997aa9e3e0ae614bd16728b0
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): b764baa26e6860617bd43b6109921a6b
| noshade 属性 | value | 説明 CSS 構文形式c98f903ba699f243c047ae970b8a1da0 |
| align | left center right |
HTML5はサポートされていません。 HTML 4.01 は非推奨になりました。 f32b48428a809b51f04d3228cdf461fa 要素の配置を指定します |
| noshade | noshade | HTML5 はサポートしていません。 HTML 4.01 は非推奨になりました。 要素の色を単色でレンダリングすることを指定します。 |
| サイズ | ピクセル | HTML5はサポートされていません。 HTML 4.01 は非推奨になりました。 要素の高さを指定します。 |
| wid | pixels % |
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 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
注释是这样写的：
cf2a8215cfeca7c74714a9990fb8e262
注释：命令行最后的两个正斜杠（//）是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。
除了在源文档中有非常明显的作用外，许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档，从传统的 HTML/XHTML 注释中找到特定的字符序列，然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本（即所谓的服务器端包含，server-inside include），也可能是复杂地执行其他命令去动态生成文档的内容。
以上就是HTML基础总结推荐(标题)的内容，更多相关内容请关注PHP中文网（www.php.cn）！