htmlチュートリアル

XHTML_HTML/Xhtml_Webページ制作におけるタイトルタグと段落タグの使い方を詳しく解説

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:36 PM

xhtmlタイトル段落

XHTML タイトルの概要
Word 文書を作成するとき、「第 1 章」、「1.2.1」などのタイトルをよく使用します。 XHTML 構文にはタイトルという概念もあります。 XHTML では、

までの 6 つのレベルの見出しが定義されています。

XML/HTML コードコンテンツをクリップボードにコピー

h1>ファーストレベルタイトル h1>
h2>第 2 レベルのタイトル h2>
h3>第 3 レベルのタイトル h3>
h4>第 4 レベルのタイトル h4>
h5>第 5 レベルのタイトル h5>
h6>第 6 レベルのタイトル h6>

タイトルの使用
XHTML ドキュメントでは、タイトルを使用して Web ページの構造とコンテンツをインデックス化します。タイトルを使用して Web ページを識別するのが上手でなければなりません。ドキュメント階層。
称号のうち、第 1 レベルの称号が最も高く、その後、順番に減少します。一般に、XHTML ドキュメントでは、タイトルはドキュメント内の次の場所 (

タグ内) に適用されます:
Web サイトレベルに応じて:

Web サイトのタイトルを定義します

Web サイトのナビゲーションまたは列を定義します

記事のタイトルを定義します
Web サイトのタイトルを定義します

列タイトルを定義します
h3 より大きい h4 から h6 のタイトルについては、著作権ステートメントや免責事項、その他の比較的重要な場所など、適切な場所で選択できます。
h1 より下のレベルは h2 になり、次に h3 になる必要があることにも注意してください。

タイトルの使用に関するいくつかの提案
h1 はページ全体のコアコンテンツを表すため、通常、h1 は 1 回しか出現できません (絶対に当てはまるわけではありませんが、出現してはなりません)複数回）、記事の最も強調された部分で使用されます。したがって、特定のコンテンツページでは、記事の重要性を強調するために、記事のタイトルに h1 がよく使用されます。たとえば、このサイト:

XML/HTML コード

コンテンツをクリップボードにコピー

h1>XHTML タイトルh1>

現時点でサイトタイトル(サイトロゴ)にh1を使用するかどうかは状況によります。

タイトルの使用方法

エディタで学習ドキュメント 1.html ファイルを開き、上記の

タグをタグにコピーします。

XML/HTML コード
コンテンツをクリップボードにコピー

ボディ>

h1>第一レベルタイトル h1>

h2>第 2 レベルのタイトル h2>

h3>第 3 レベルのタイトル h3>

h4>第 4 レベルのタイトル h4>

h5>第 5 レベルのタイトル h5>

h6>第 6 レベルのタイトル h6>

p>こんにちは〜こんにちは！ p>

ボディ>

1.html ファイルを保存してブラウザで開きます (既に開いている場合は、ブラウザの更新ボタンをクリックしてドキュメントを再読み込みします。以下同様。これ以上の説明は省略します)。タイトルタグの効果を次のように表示できます。以下:

例からわかるように、ブラウザは自動的にタイトルの改行を形成します (各タイトルには独自の行があります)。

段落 p タグ
XHTML では、段落は

タグによって定義されます。
XHTML 段落
段落タグの例:

XML/HTML コードコンテンツをクリップボードにコピー

p>これは段落です。 p>

実際の制作作業では、

段落タグを多用します。
テキストに段落タグを追加すると、ブラウザは自動的にテキストに段落区切りを追加します。ただし、空の
を使用して空白行を形成するのではなく、
改行タグを使用する必要があります。

改行

XHTML ドキュメントでは、空白行または複数の改行が必要な場合、タイトルまたは段落タグでのみ改行マークが提供されます。改行タグ
が必要です。 XHTML では、Word の編集時に Enter キーを押して改行することは無効であり、ブラウザはこの方法で生成された改行ギャップを無視します。
例:

XML/HTML コードコンテンツをクリップボードにコピー

p>ここにいくつかの内容がありますp>

br /> br />

p>これは他のコンテンツですp>

改行タグは、実質的な内容はなく、この場所で改行が必要であることをブラウザに通知するだけであるため、このタグはペアで表示されず、
は複数の場合に 1 回だけ改行されます。改行が必要です。複数の
タグを入力してください。

タグが

に挿入されると、改行効果も生成されます。

または

を使用しても改行を実現できますが、これはブラウザが HTML4.0 仕様に準拠しているためです。
XHTML 仕様では、ペアになっていないタグの場合は、コンテンツの末尾にスペースを追加し、
などの /> を使用してタグを閉じるだけです。 ;img については後で説明します /> およびその他のタグ。
つまり、
の代わりに
です。

声明

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

html怎么段落空两格Mar 27, 2024 pm 04:39 PM

html段落空两格的方法：1、使用CSS的text-indent属性；2、使用CSS的padding-left属性；3、使用非断行空格或全角空格；4、使用“pre”标签或white-space属性。

PPT文件标题不能删除的处理操作方法Mar 26, 2024 pm 03:21 PM

1、删除文字当您使用鼠标左键单击文字后，会在文字周围出现许多整齐排列的白色方块，这表示已经选择了该【文本/形状/图形】。一旦选中，只需按下键盘上的【Delete】键，便可轻松删除该文字。2、选不中文字或形状鼠标左键单击【文本/形状/图形】后，没有出现向步骤1中的【选中状态】，出现此类问题原因较多，以母版为例，点击菜单上的【视图】，并找到【母版视图】中的【幻灯片母版】。3、在母版视图中，点击左侧导航的页面，找到需要删除的【文本/形状/图形】后，依旧点击鼠标左键，选中后，按键盘【Delete】删除即

word文档段落之间空出一大段空位,怎么弄掉Mar 19, 2024 pm 10:07 PM

在word软件里对文档进行操作的时候，有时发现文档段落之间有一大片空位，不知道大家遇到过这种情况没有，出现这种情况我们就要把空位删除掉呢？下面就和小编一起来看看下面的操作，你就知道了。1、我们找到需要删除一大段空白页的文字尾端，如下图所示。　　2、随后点击界面上方的间距按钮，如下图所示。　　3、再弹出的下拉菜单中点击【删除段落后的间距】按钮，如下图所示。　　4、对于段落后面空行不是特别多的话，还有一种比较简单的方法，就是把空白段落选中，然后点击delete键删除，这样也可以删除段落后面的空白行，

Word 网页版中的段落选项：个性化定制方法详解Aug 03, 2023 pm 01:37 PM

对于Web用户的Word来说是个好消息。Microsoft今天宣布，WordforWeb中的所有用户现在都可以使用新的段落选项。这些选项允许用户自定义Word中的段落选项及其分页方式。“多年来，段落选项一直是WordforWindows中最受欢迎的功能，”Microsoft的软件工程师IsabelBloger和产品经理JulietDaniel说。也就是说，首先，右键单击要修改的段落。然后，从出现的快捷菜单中，选择“段落选项”。这将打开“段落”对话框。在此对话框中，导航到“分页”部分，然后选择要应

CSS实现标题文字动画效果的方法和技巧Oct 20, 2023 am 09:00 AM

CSS实现标题文字动画效果的方法和技巧，需要具体代码示例在网页设计和开发中，动画效果可以提升用户体验，增加页面的吸引力和活力。标题文字动画效果是一种常见的设计手法，它可以让页面的标题更加生动和有趣。本文将介绍一些CSS实现标题文字动画效果的方法和技巧，并提供具体的代码示例。渐变动画效果渐变动画效果可以让标题文字的颜色从一种变化到另一种，创建出流畅的过渡效果。

如何在HTML中的fieldset中包含一个标题？Aug 23, 2023 pm 05:01 PM

使用<legend>标签来包含一个标题。HTML<legend>标签用于为<fieldset>标签定义一个标题。它支持以下属性−属性值描述Aligntopbottomleftright已弃用−指定内容对齐方式。示例您可以尝试运行以下代码来实现HTML中的<legend>标签−<!DOCTYPEhtml&g

在HTML5中创建一个隐藏的段落Sep 15, 2023 pm 02:29 PM

使用HTML5中的隐藏属性在HTML5中创建隐藏段落，即不再相关的元素。示例您可以尝试运行以下代码来实现HTML5中的隐藏属性-<!DOCTYPEhtml><html>  <body>   <h2>Heading</h2>   <p>Thisisademoparagraphandvi

帝国CMS标题修改困境？试试这些应对策略！Mar 12, 2024 pm 05:27 PM

帝国CMS标题修改困境？试试这些应对策略！在使用帝国CMS（EmpireCMS）搭建网站的过程中，难免会遇到需要修改文章标题的情况。然而，有些用户可能会遇到一些困难，比如不清楚如何修改标题，或者修改后标题显示异常等问题。今天我们将分享一些应对这些问题的策略，并提供具体的代码示例，希望能够帮助大家解决标题修改困境。1.修改单篇文章标题如果想要修改某篇文章的

See all articles