Home Web Front-end HTML Tutorial How to use title tags and paragraph tags in XHTML

How to use title tags and paragraph tags in XHTML

Jan 24, 2018 am 09:30 AM
xhtml Label

This time I will show you how to use title tags and paragraph tags in XHTML, and what are the precautions for using title tags and paragraph tags in XHTML. The following is a practical case. Get up and take a look.

XHTML Title Overview

When we write Word documents, we often use titles, such as "Chapter 1", "1.2.1", etc. There is also the concept of title in XHTML syntax. Six levels of titles are defined in XHTML, namely

to

:
<h1>第一级标题</h1>  
<h2>第二级标题</h2>  
<h3>第三级标题</h3>  
<h4>第四级标题</h4>  
<h5>第五级标题</h5>  
<h6>第六级标题</h6>
Copy after login

Use of titles

In XHTML documents, titles are very important, search
IndexEngine uses titles to index the structure and content of your web pages. We must be good at using titles to identify our document hierarchy. Among the titles, the first level title is the highest, and then decreases in sequence. Generally speaking, in XHTML documents, the title applies to the following places in the document (within the tag):
According to the website level:

<h1>定义网站标题
<h2>定义网站导航或者栏目
<h3>定义文章标题
Copy after login

According to the website content:


<h1>定义网站标题
<h2>定义文章标题
<h3>定义栏目标题
Copy after login

For h4 to h6 titles larger than h3, you can choose them in appropriate places, such as copyright statements or disclaimer notices and other relatively important places.

Also please note that the levels must be decreasing. The level below h1 should be h2, and then h3...

Some suggestions for using titles
Since h1 names the core content of the entire page, generally h1 can only appear once (this is not absolutely the case, but it must not appear multiple times) and used in the most emphasized part of the article. Therefore, if for a specific content page, h1 is often used in the title of the article to highlight the importance of the article, such as this site:

<h1>XHTML 标题<h1>
Copy after login

At this time, whether the website title (website logo) uses h1 again will depend on the actual situation. It depends.

Title usage
ExerciseUse
EditorOpen our learning document 1.html file, copy the above

to
tags to< ;body> tag:
  
<h1>第一级标题</h1>  
<h2>第二级标题</h2>  
<h3>第三级标题</h3>  
<h4>第四级标题</h4>  
<h5>第五级标题</h5>  
<h6>第六级标题</h6>  

hi~你好!

Copy after login

Save and open the 1.html file with a browser (if it is already open, click the browser refresh button to reload the document, the same below, no further details)

Paragraph p tag

In XHTML, a paragraph is defined through the

tag.
XHTML paragraph
Paragraph tag example:
<p>这是一个段落。</p>
Copy after login

In actual production work, we use a large number of

paragraph tags.

After adding a paragraph tag to the text, the browser will automatically add a paragraph break to the text. But instead of relying on the empty

to form a blank line, we should use the
line break tag.

Line break

In XHTML documents, the title or paragraph tag only provides a line break tag. If we need a blank line or multiple line breaks, we need a line break tag
. In XHTML, hitting the Enter key to break a new line when editing Word is invalid, and the browser will ignore the new line gap generated in this way.
Example:

<p>这是一些内容</p>  
<br /><br />  
<p>这是另一些内容</p>
Copy after login

Since the line break tag only informs the browser that this place needs a line break, but has no substantive content, this tag does not appear in pairs, and a
only breaks the line. Once, multiple line breaks are required, please enter multiple
tags.

If the
tag is inserted in

, it will also produce a line break effect.


or
?
Although we can still achieve line breaks using
, that is the result of the browser being compatible with the HTML4.0 specification.
In the XHTML specification, for tags that are not paired, you only need to add a space after the end of the content, and then use /> to close the tag, such as
and and other tags.
So it's
instead of
or
.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

How to use img image tag in HTML/XHTML

In responsive framework , How to deal with the automatic line wrapping of the table header

##How to make the Table display borders

The above is the detailed content of How to use title tags and paragraph tags in XHTML. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to search for text across all tabs in Chrome and Edge How to search for text across all tabs in Chrome and Edge Feb 19, 2024 am 11:30 AM

This tutorial shows you how to find specific text or phrases on all open tabs in Chrome or Edge on Windows. Is there a way to do a text search on all open tabs in Chrome? Yes, you can use a free external web extension in Chrome to perform text searches on all open tabs without having to switch tabs manually. Some extensions like TabSearch and Ctrl-FPlus can help you achieve this easily. How to search text across all tabs in Google Chrome? Ctrl-FPlus is a free extension that makes it easy for users to search for a specific word, phrase or text across all tabs of their browser window. This expansion

What is the clock behind the TikTok label? How to tag Douyin account? What is the clock behind the TikTok label? How to tag Douyin account? Mar 24, 2024 pm 03:46 PM

When browsing Douyin works, we often see a clock icon behind the tag. So, what exactly is this clock? This article will focus on the discussion of &quot;What is the clock behind the Douyin label&quot;, hoping to provide some useful reference for your use of Douyin. 1. What is the clock behind the Douyin label? Douyin will launch some hot topic challenges. When users participate, they will see a clock icon after the tag, which means that the work is participating in the topic challenge and displays the remaining time of the challenge. For some time-sensitive content, such as holidays, special events, etc., Douyin will attach a clock icon after the label to remind users of the validity period of the content. 3. Popular tags: When a tag becomes popular, Douyin will add a clock icon after the tag to indicate that the tag is

How to add tags on Douyin to attract traffic? Which tags on the platform are easiest to attract traffic to? How to add tags on Douyin to attract traffic? Which tags on the platform are easiest to attract traffic to? Mar 22, 2024 am 10:28 AM

As a popular short video social platform, Douyin has a huge user base. For Douyin creators, using tags to attract traffic is an effective way to increase the exposure of content and attract attention. So, how does Douyin use tags to attract traffic? This article will answer this question in detail for you and introduce related techniques. 1. How to add tags on Douyin to attract traffic? When posting a video, make sure to choose tags that are relevant to the content. These tags should cover the topic and keywords of your video to make it easier for users to find your video through tags. Leveraging popular hashtags is an effective way to increase your video’s exposure. Research current popular tags and trends and incorporate them into your video descriptions and tags. These popular tags usually have higher visibility and can attract the attention of more viewers. 3. Label

A closer look at the video element in HTML A closer look at the video element in HTML Feb 24, 2024 pm 08:18 PM

Detailed explanation of the video tag in HTML The video tag in HTML5 is a tag used to play videos on web pages. It can render videos using different formats, such as MP4, WebM, Ogg, and more. In this article, we will introduce the use of video tag in detail and provide specific code examples. Basic Structure The following is the basic structure of the video tag:

What is the difference between html5 tag head and header? What is the difference between html5 tag head and header? Jan 17, 2022 am 11:10 AM

Differences: 1. The head tag is used to define the head of the document, which is a container for all head elements, and the header tag is used to define the header (introduction information) of the document; 2. All browsers support the head tag, and older versions of browsers None of the browsers support the header tag, and browsers such as IE9+ and above are required to support the header tag.

How to delete external contact tags on DingTalk app How to delete external contact tags on DingTalk app Feb 24, 2024 am 08:20 AM

How to delete external contact tags on DingTalk app? DingTalk has a function to delete external contact tags, but most friends don’t know how to delete external contact tags on DingTalk. Next is the DingTalk guide that the editor brings to users. Graphical tutorial on how to delete external contact tags in the Ding app. Interested users can come and take a look! How to delete external contact tags in DingTalk app 1. First open DingTalk APP and click the [Management] function as shown below on the main page; 2. Then enter the enterprise management interface and find [External Contacts]; 3. Then on the external contact setting function page, select the [Label Management] service; 4. Then on the main contact label page, select the type of label group you want to delete; 5. Finally, click on the red label group

How to implement a layout with a fixed navigation menu using HTML and CSS How to implement a layout with a fixed navigation menu using HTML and CSS Oct 26, 2023 am 11:02 AM

How to use HTML and CSS to implement a layout with a fixed navigation menu. In modern web design, fixed navigation menus are one of the common layouts. It can keep the navigation menu always at the top or side of the page, allowing users to browse web content conveniently. This article will introduce how to use HTML and CSS to implement a layout with a fixed navigation menu, and provide specific code examples. First, you need to create an HTML structure to present the content of the web page and the navigation menu. Here is a simple example

How to implement a labeled input box using Vue? How to implement a labeled input box using Vue? Jun 25, 2023 am 11:54 AM

With the development of web applications, labeled input boxes are becoming more and more popular. This kind of input box allows users to input data more conveniently, and also facilitates users to manage and search the entered data. Vue is a very powerful JavaScript framework that can help us quickly implement labeled input boxes. This article will introduce how to use Vue to implement a labeled input box. Step 1: Create a Vue instance First, we need to create a Vue instance on the page, the code is as follows: &l

See all articles