整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
文链接：How to Hide Title for Selective WordPress Posts and Pages
原文标题：How to Hide the Title for Selective WordPress Posts and Pages
由辽观进行翻译整理。
Do you want to hide the title for selective WordPress posts and pages?
您想要隐藏特定的WordPress文章和页面的标题吗？
Titles can be helpful for both search engines and visitors, but not every page needs to display a title depending on its design.
标题对于搜索引擎和访问者都很有帮助，但并非每个页面都需要根据其设计显示标题。
In this article, we will show you how to hide the title for specific WordPress posts and pages.
在这篇文章中，我们将向您展示如何隐藏特定的WordPress文章和页面的标题。
When you create a WordPress page or post the first thing you’ll see is an ‘Add title’ field where you will type your title.
当您创建WordPress页面或文章时，您首先会看到一个“添加标题”的字段，您可以在其中键入标题。
Most WordPress themes show this title at the top of the page or post. A descriptive, relevant title can let visitors know they’re in the right place and what to expect from this page.
大多数WordPress主题会在页面或文章的顶部显示这个标题。一个描述性的、相关的标题可以让访问者知道他们来到了正确的地方，并且可以对这个页面有所期待。
Titles may be helpful, but not every page or post needs a title. Your website’s homepage is one common example.
标题可能是有帮助的，但并不是每个页面或文章都需要标题。您网站的首页就是一个常见的例子。
At other times you may want to show the page’s title in a different area. For example you might start your landing page with an eye-catching banner, and then show the title further down the page.
在其他情况下，您可能希望在不同的区显示页面的标题。例如，您可能会在引人注目的横幅上开始您的登陆页面，然后在页面下方显示标题。
In this guide, we’ll be covering three different methods to hide the post or page title in WordPress. Simply click the links below to jump to the method you prefer.
在本指南中，我们将介绍三种在WordPress中隐藏帖子或页面标题的不同方法。只需点击面的链接，跳转到您喜欢的方法。
If you’re using WordPress 5.9 or later, and have aWordPress themethat supports full site editing, then you can use this method to remove the title from all posts or all pages.
如果您使用的是WordPress 5.9或更高版本，并且拥有一个支持全站编辑的WordPress主题，那么您可以使用这种方法来删除所有帖子或页面的标题。
Not sure if your theme support full site editing?
不确定您的主题是否支持全站编辑？
If it does, then you’ll see the menu optionAppearance » Editoravailable in your WordPress dashboard.
如果支持全站编辑，您将在WordPress仪表板中看到菜单选项“外观 » 编辑器”。
After clicking on ‘Editor’, the full site editor will launch.
点击“编辑器”后，将启动全站编辑器。
From here, you’ll need to select thetemplateyou want to edit by clicking on the dropdown at the top of the page, and then clicking on ‘Browse all templates’.
在这里，您需要通过点击页面顶部的下拉菜单，并点击“浏览所有模板”，来选择您想要编辑的模板。
In this example, we’ll edit the Single Post template so that we can hide all our blog post titles.
在这个例子中，我们将编辑单篇文章模板，以便隐藏所有博客文章的标题。
To hide the title, first you’ll need to click on the blog post title. Then, simply click on the three dots options menu and select the ‘Remove Post Title’ option at the bottom.
要隐藏标题，首先需要点击博客文章的标题。然后，只需点击三个点的选项菜单，并在底部选择“删除文章标题”选项。
Don’t forget to click the Save button at the top of the screen after you’re done customizing the template.
在您完成对模板进行自定义后，不要忘记点击屏幕顶部的保存按钮。
That’s it, you’ve hidden the title on all your blog posts.
完成了！您已经在所有博客文章中隐藏了标题。
If you’d like a way to hide the title only on specific posts or pages, the next method should work for you.
如果您想要仅在特定的文章或页面上隐藏标题，下一种方法可能适合您。
You can hide a page or post’s title by adding custom CSS code to theWordPress Customizer. This method simply hides the title from your visitors, but it still loads in the page’s HTML code.
您可以通过向WordPress自定义器添加自定义CSS代码来隐藏页面或文章的标题。这种方法只是从访客的视野中隐藏标题，但它仍然会在页面的HTML代码中加载。
This means that search engines can still use the title to help them understand your page’s contents, which is good for yourWordPress website’s SEOand can help you get more traffic.
这意味着搜索引擎仍然可以使用标题来帮助它们理解您页面的内容，这对于您的WordPress网站的SEO非常有益，可以帮助您获得更多的流量。
We’ll show you how to hide the title on specific posts or pages, or on all your posts and pages.
我们将向您展示如何在特定的文章或页面上隐藏标题，或者在所有文章和页面上都隐藏标题。
To hide a page or post’s title using CSS, you just need to know its ID.
要使用CSS隐藏页面或文章的标题，您只需要知道它的ID。
In your WordPress dashboard, either go toPosts » All Posts, orPages » All Pages. Then find the page or post where you want to hide the title.
在WordPress仪表板中，要么转到“文章” » “所有文章”，要么转到“页面” » “所有页面”。然后找到您想要隐藏标题的页面或文章。
You can now open this post or page for editing.
您现在可以打开此文章或页面进行编辑。
Now simply take a look at the URL in your browser’s address bar.
现在只需查看浏览器地址栏中的URL。
You should see a ‘post=’ section followed by a number. For example ‘post=100.’
您应该看到一个由数字跟随的“post=”部分。例如，“post=100”。
This is your post’s ID. Make a note of this number, as you’ll be using it in your CSS code.
这是您的文章的ID。请记下这个数字，因为您将在CSS代码中使用它。
You can now go to Appearance » Customize.
现在您可以转到“外观” » “自定义”。
This launches the WordPress Customizer.
这将启动WordPress自定义器。
In the sidebar, simply click on Additional CSS.
在侧边栏中，只需单击“附加CSS”。
Now scroll to the bottom of the sidebar.
现在滚动到侧边栏底部。
You should now see a small text editor. This is where you’ll type your CSS code.
您现在应该看到一个小型文本编辑器。这是您输入CSS代码的地方。
If you want to hide the title for a post, you’ll need to use the following code.
如果您想隐藏文章的标题，您需要使用以下代码。
Just make sure you replace the ‘100’ with the post ID you got in the previous step.
只需确保将“100”替换为您在前一步骤中获得的文章ID。
.postid-100 .entry-title {
display: none;
}If you want to hide a page’s title, you’ll need to use some slightly different code.
如果您想隐藏页面的标题，您需要使用略有不同的代码。
Once again make sure you replace the ‘100’ with your real page ID.
如果您想隐藏页面的标题，您需要使用略有不同的代码。
.page-id-100 .entry-title {
display: none;
}Next, just scroll to the top of the page.
接下来，将页面滚动到顶部。
You can then click on the blue Publish button.
然后，您可以点击蓝色的“发布”按钮。
Now if you check this page or post, the title should have disappeared.
现在，如果您检查此页面或文章，标题应该已经消失了。
Is the title still there?
标题还在吗？
If this method hasn’t worked for you, your WordPress theme may be using a different CSS class. This means your page or post ID will be different from the number shown in its URL.
如果这种方法对您不起作用，那么您的WordPress主题可能正在使用不同的CSS类。这意味着您的页面或文章ID将与其URL中显示的数字不同。
To get the correct ID, you’ll need to use your browser’s developer console.
要获取正确的ID，您需要使用浏览器的开发者控制台。
To start, head over to the page or post on your WordPress website. You can then open your browser’s developer console.
首先，转到WordPress网站上的页面或文章。然后，您可以打开浏览器的开发者控制台。
This step will vary depending on which web browser you’re using. For example, if you have Chrome then you can use the Control+Shift+J keyboard shortcut on Windows, or the Command+Option+J shortcut on Mac.
这一步骤会根据您使用的Web浏览器而有所不同。例如，如果您使用的是Chrome浏览器，您可以在Windows上使用Control+Shift+J键盘快捷键，或者在Mac上使用Command+Option+J快捷键。
Chrome users can also Control+click anywhere on the page or post, and then select Inspect.
Chrome用户还可以在页面或文章的任何位置Control+点击，然后选择”Inspect“。
If you’re unsure how to open the developer console, you can always check your browser’s website or official documentation for more information.
如果您不知道如何打开开发者控制台，您可以随时查看浏览器的网站或官方文档以获取更多信息。
In the developer console, click on the three dotted icon. You can then select ‘Search.’
在开发者控制台中，点击三个点的图标。然后，您可以选择“搜索”。
You should now see a search bar towards the bottom of the developer console.
现在，您应该会在开发者控制台的底部看到一个搜索栏。
In this bar, type <body class, then simply press the Enter key on your keyboard.
在此栏中，键入<body class，然后只需按下键盘上的Enter键。
If you’re looking at a WordPress page, you should see something similar to the following.
如果您正在查看一个WordPress页面，您应该会看到类似以下的内容。
<body class="page-template-default page page-id-78 logged-in admin-bar
no-customize-support wp-embed-responsive is-light-theme no-js singular">In the sample code above, you can see that the ‘page-id’ value is 78.
在上面的示例代码中，可以看到"page-id"的值为78。
If you’re inspecting a WordPress post, the console should show something like:
如果您在检查WordPress文章，控制台应该显示类似以下内容：
<body class="post-template-default single single-post postid-100 single-format-standard logged-in admin-bar no-customize-support wp-embed-responsive is-light-theme no-js singular">In that example, the ‘postid’ value is 100. You can now use this value with the CSS code we provided in the previous step.
在这个示例中，"postid"的值为100。您现在可以将这个值与我们在上一步中提供的CSS代码一起使用。
Simply add this code to your website using the WordPress Customizer, following the process described above.
只需按照上述描述的过程，使用WordPress自定义器将此代码添加到您的网站上即可。
You can now take a look at the page or post. The title should have vanished.
您现在可以查看页面或文章。标题应该已经消失了。
To hide the titles for all your pages and posts, copy/paste the following into the text editor.
要隐藏所有页面和帖子的标题，请将以下内容复制/粘贴到文本编辑器中。
.entry-title {
display: none;
} Do you want to hide the titles for all your pages, but not your posts? To hide all the page titles, copy/paste the following into the small text editor.
您想要隐藏所有页面的标题，但不隐藏帖子的标题吗？为了隐藏所有页面的标题，请将以下内容复制/粘贴到小文本编辑器中。
.page .entry-title {
display: none;
} Another option is hiding the title for all of your posts. You can do this using the following CSS.
另一个选择是隐藏所有帖子的标题。您可以使用以下CSS代码来实现。
.post .entry-title {
display: none;
} Sometimes you may want to hide the titles for all your posts and pages.
有时候您可能希望隐藏所有页面和帖子的标题。
To do that, add the following.
要做到这一点，请添加以下代码。
.entry-title {
display: none;
}You can easily hide the title for selective posts and posts using Hide Page And Post Title. This free plugin lets you hide the title of any page, post, or even custom posts types.
您可以使用Hide Page And Post Title轻松地隐藏选择性的页面和帖子的标题。这个免费插件允许您隐藏任何页面、帖子，甚至自定义帖子类型的标题。
译者注：请注意，隐藏标题后，页面或帖子的标题将不再显示在前台，但标题仍然存在于后台编辑界面，您可以随时修改和恢复标题的显示。
First you’ll need to install and activate the Hide Page And Post Title plugin. If you need help, you can follow our tutorial on how to install a WordPress plugin.
首先，您需要安装并激活Hide Page And Post Title插件。如果需要帮助，您可以按照我们的WordPress插件安装教程进行操作。
Upon activation, open the page, post or custom post you want to edit.
在激活插件后，打开您想要编辑的页面、帖子或自定义帖子。
Now simply scroll to the bottom of the right sidebar.
现在只需要向右边栏的底部滚动。
Here you’ll find a new ‘Hide Page and Post Title’ box.
在这里，您会找到一个名为“隐藏页面和帖子标题”的新框。
译者注：请注意，这个框可能在编辑页面或帖子的不同位置，具体取决于您的主题或其他插件的设置。通常，您可以在编辑页面或帖子的右侧边栏或编辑器中找到该框。
To hide the title, just click to select the ‘Hide the title’ checkbox. You can then update or publish this post as normal.
要隐藏标题，只需点击选择“隐藏标题”复选框。然后，您可以像正常编辑页面或发布帖子一样更新或发布。
That’s it! If you visit the page you’ll notice that the title has disappeared.
就是这样！如果您访问该页面，您会注意到标题已经消失了。
At some point you may need to restore this page or post’s title.
在某些时候，您可能需要恢复该页面或帖子的标题。
This is easy. Just open the page or post for editing. Then click to deselect the same ‘Hide the title’ checkbox.
这很简单。只需打开要编辑的页面或帖子。然后点击取消选择相同的“隐藏标题”复选框。
Don’t forget to click on the Update button at the top of the screen. Now if you visit this page, the title should have reappeared.
不要忘记点击屏幕顶部的“更新”按钮。现在，如果您访问此页面，标题应该已经重新出现。
Another option is to hide the title using a page builder plugin.
另一个选项是使用页面构建器插件隐藏标题。
SeedProd is the best WordPress page builder plugin in the market. You can use this plugin to easily creating custom pages or even create your own WordPress theme.
SeedProd是市场上最好的WordPress页面构建器插件。您可以使用这个插件轻松创建自定义页面，甚至创建自己的WordPress主题。
This means you can easily hide the title on a custom page design or your theme.
这意味着您可以轻松地在自定义页面设计或您的主题中隐藏标题。
SeedProd comes with a template library with over 150+ templates you can use as a starting point for your page designs. Let’s see how easy it is to remove the title from one of these theme templates.
SeedProd附带了一个模板库，其中包含150多个模板，您可以用作页面设计的起点。让我们看看如何从其中一个主题模板中删除标题。
In your WordPress dashboard go to SeedProd » Template Builder. You can then click on the Themes button.
在WordPress仪表板中，转到SeedProd » 模板构建器。然后，您可以点击主题按钮。
This launches the SeedProd template library. You can now browse through all of the different designs.
这将启动SeedProd模板库。您现在可以浏览所有不同的设计。
To take a closer look at a template simply hover your mouse over it. Then click on the magnifying glass icon.
要仔细查看模板，只需将鼠标悬停在其上，然后点击放大镜图标。
This will open the template in a new tab.
这将在一个新标签中打开模板。
When you find a template that you want to use, hover your mouse over that template. Then simply click on the checkmark icon.
当您找到一个要使用的模板时，将鼠标悬停在该模板上。然后只需点击复选标记图标即可。
This adds all of this template’s designs to your WordPress dashboard.
这将把这个模板的所有设计添加到您的WordPress仪表板中。
There are usually different designs for different types of content.
通常针对不同类型的内容有不同的设计。
You can use these templates to hide the title for the different content types. For example, many SeedProd templates have a separate design for the homepage.
您可以使用这些模板来隐藏不同内容类型的标题。例如，许多SeedProd模板都有一个专门的设计用于首页。
To hide the title for your homepage, you would simply need to edit the Homepage template.
要隐藏首页的标题，您只需要编辑首页模板即可。
To hide the title for all your posts, you’ll typically need to edit the Single Post template.
要隐藏所有文章的标题，通常需要编辑Single Post模板。
Meanwhile if you want to hide the title from your pages you’ll usually edit SeedProd’s Single Page template.
而如果您想隐藏页面的标题，则通常需要编辑SeedProd的Single Page模板。
To edit a template hover your mouse over it.
要编辑模板，请将鼠标悬停在模板上。
You can then go ahead and click on the Edit Design link.
然后，您可以点击“编辑设计”链接进行编辑。
This opens this design in the SeedProd drag and drop editor. To hide the title, find either the Post or Page Title.
这将在SeedProd的拖放编辑器中打开此设计。要隐藏标题，请找到“文章标题”或“页面标题”。
Once you spot this title, give it a click. SeedProd’s sidebar will now show all of the settings for the selected area.
一旦找到标题，请点击它。SeedProd的侧边栏将显示所选区域的所有设置。
At the top of this panel you should see either Post Title or Page Title.
在这个面板的顶部，您应该看到“文章标题”或“页面标题”。
After confirming that you’ve selected the right area, hover over the Post Title or Page Title in the main SeedProd editor.
确认选择了正确的区域后，在主SeedProd编辑器中将鼠标悬停在“文章标题”或“页面标题”上。
You should now see a row of controls.
现在您应该看到一行控件。
To remove the title from this design just click on the Trash icon.
要从此设计中删除标题，只需点击垃圾桶图标。
SeedProd will ask whether you really want to delete the title. To go ahead and remove it, simply click on ‘Yes, delete it!’
SeedProd将询问您是否真的要删除标题。要继续删除，请点击“是，删除它！”
The title will now disappear from your design.
标题现在将从您的设计中消失。
To see how this will look on your website click on the Preview button.
要查看它在您的网站上的效果，请点击“预览”按钮。
When you’re happy with your design click on the Publish button.
当您对设计满意时，请点击“发布”按钮。
Depending on how your site is set up, you may need to remove the title from some additional templates. For example you might want to hide the title for all your posts and pages. In this case, you would typically need to edit both the Single Post and Single Page templates.
根据您的网站设置，您可能需要从一些额外的模板中删除标题。例如，您可能希望隐藏所有文章和页面的标题。在这种情况下，您通常需要编辑单篇文章和单页模板。
If you’re unsure then it may help to review all the designs that make up your theme. To do this simply go to SeedProd » Theme Builder.
如果您不确定，可以检查一下组成您主题的所有设计。只需转到SeedProd » 主题构建器。
You should now see a list of all your different designs. You can now edit any of these templates following the same process described above.
您现在应该可以看到所有不同设计的列表。您现在可以按照上面描述的相同步骤编辑任何这些模板。
Before hiding your page or post titles, there are some effects you should think about, such as the impact this action will have on your website’s SEO.
在隐藏页面或文章标题之前，您应该考虑一些影响，比如此操作对您的网站SEO的影响。
That being said, here are some of the most frequently asked questions about hiding the page and post title.
话虽如此，以下是关于隐藏页面和文章标题的一些常见问题：
When it comes to hiding the title there seems like an easy fix. As you’re creating your page, just leave the title field blank.
在隐藏标题方面，似乎有一个简单的解决方法。在创建页面时，只需将标题字段留空即可。
At first this does seem to fix the problem. WordPress will display this post to visitors without a title. However, there are a few problems.
起初，这似乎解决了问题。WordPress将在没有标题的情况下向访问者显示此页面或文章。然而，确实存在一些问题。
Firstly, this page or post will appear as ‘(no title)’ in your WordPress dashboard. This makes it more difficult to keep track of your pages.
首先，在WordPress仪表板中，该页面或文章将显示为“(no title)”（无标题）。这使得跟踪页面变得更加困难。
If you create lots of different ‘(no title)’ posts, then how do you know which is your contact us page? And which page is your homepage?
如果您创建了许多不同的“(no title)”文章，那么您如何知道哪个是您的联系我们页面？哪个是您的首页？
WordPress also uses the title to create the page’s URL.
WordPress还使用标题来创建页面的URL。
If you don’t provide a title, then by default WordPress uses a number instead, such as ‘www.mywebsite/8.’
如果您不提供，WordPress默认使用一个数字，“wwwwebsite/8”。
Visitors often use the URL to help them understand where they are on your WordPress website, so ‘www.mywebsite/8’ isn’t particularly helpful.
访问者通常使用URL来帮助他们理解自己在WordPress网站上的位置，“www.mywebsite/8”并不特别有帮助。
This vague URL is not an SEO-friendly permalink, so search engines may have a harder time understanding what your content is about and including it in the relevant search results.
这种模糊的URL不是一个友好的SEO永久链接，所以搜索引擎可能很难理解您的内容是关于什么，并将其包含在相关的搜索结果中。
If you prefer to hide a page or post’s title, you’ll want to spend some extra time fine-tuning the rest of your WordPress SEO, including setting an SEO title. This will help ensure that the search engines understand your page’s content, even without the title.
如果您希望隐藏页面或文章的标题，您需要额外花费一些时间来优化您的WordPress SEO，包括设置SEO标题。这样可以确保搜索引擎即使没有标题也能理解页面的内容。
Here you’ll need a good SEO plugin, since WordPress doesn’t let you do this by default.
在这里，您将需要一个好的SEO插件，因为WordPress默认情况下不允许您这样做。
We recommend using AIOSEO, the best SEO plugin for WordPress in the market. This beginner friendly SEO toolkit is used by over 3 million websites.
我们推荐使用AIOSEO，这是市场上最好的WordPress SEO插件。这个适合初学者的SEO工具包被超过300万个网站使用。
If you need help getting started, then please refer to our guide on how to properly set up All in One SEO in WordPress.
如果您需要帮助入门，请参考我们的指南，了解如何正确设置WordPress中的All in One SEO。
To make sure your titles are optimized, you can see our guide on how to use the headline analyzer in AIOSEO.
为了确保您的标题被优化，您可以参考我们的指南，了解如何使用AIOSEO中的标题分析器。
We hope this article helped you learn how to hide the title for selective WordPress posts and pages. You can also go through our guide on how to choose the best web design software, and the best WordPress landing page plugins.
我们希望本文能帮助您学习如何隐藏选择性WordPress文章和页面的标题。您还可以阅读我们的指南，了解如何选择最佳的网页设计软件和最佳的WordPress落地页插件。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
如果您喜欢这篇文章，请订阅我们的YouTube频道，观看WordPress视频教程。您也可以在Twitter和Facebook上找到我们。
伙伴们，好几天不见了，这一周菜鸟小白工作很忙，所以没有每天更新学习内容，但是菜鸟小白的学习是没有停下来的，只是没有时间来整理学习笔记了。现在就将菜鸟小白这两天学习的HTML基础和大家分享，其中还会拿一些标签进行举例，显示效果。
HTML语言是一种标签语言，它不需要编译，可以直接由浏览器执行。在标准网页设计中HTML负责填充网页的内容，HTML编写的超文本文档（文件）称之为HTML文档（网页），它包含了一些html元素，使用html或者htm为文件名后缀，能独立于各种操作系统平台，如Unix、Windows等
标准的html文档是由标签和要显示在网页上的内容组成。HTML用于描述功能的符号成为“标签”，如<html>、<body>、<table>等。HTML标签规定HTML文档的逻辑结构，并且控制文档的显示格式，然后由浏览器来负责解释并显示页面。通过使用标签可以区分文本文件的各个组成部分，对页面上的文字、表格、图片等多媒体数据所出现的位置、形式、顺序及网页间的超链接关系进行设定。
标签都是封装在一对尖括号“<……>”之中。标签只改变网页的显示方式，本身不会显示在窗口中。HTML文档中最先出现的标签是<html>标签。<html>标签是文档标识符，它是成对出现的，首标签<html>和尾标签</html>分别位于文档的最前面和最后面，明确地表示文档是以超文本标识语言（HTML）编写的。该标签不带任何属性
<html>……</html>之间有如下标签：
head是英文“头”的意思。习惯上用户把HTML文档分为文档头和文档主体两部分。文档主体部分就是在web浏览器窗口的用户区内看到的内容，而文档头部分用来规定该文档的标题（出现在web浏览器窗口的标题栏中）和文档的一些属性。<head>标签对的作用就是控制文档的头部信息。中间可以使用<title>……</title>、<script>……</script>标签对，在此标签中间可以HTML文档的标签是可以嵌套的，即在一对标签中可以嵌入另外一对子标签，用来规定母标签所含范围的属性或其中某一部分内容，嵌套在<head>……</head>标签对中使用的主要有<title>标签
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
菜鸟小白的学习分享
</head>
</html>
保存为HTML文件后显示如下：
<title>标签是成对出现的，用以规定HTML文档的标题。在<title>……</title>之间的内容将显示在web浏览器窗口的标题栏中。另外，<title>……</title>标签对只能放在<head>……</head>标签对之间，而且其内部不能包含其它标签。
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
</html>
修改后显示如下：
<body>标签也是成对出现的。在<body>……</body>之间的内容将显示在web浏览器窗口的用户区内，它是HTML文档的主体部分。可以把HTML文档的主体区域简单地理解成标题以外的所有部分，该部分可以包含<table>、<font>、<img>、<div>等标签。结束标签</body>指明主体区域的结尾，在<body>中可以规定整个文档的一些基本属性：
我们验证了前两个属性
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
测试内容
</body>
</html>
显示效果如下：
在html中有许多特殊字符需要处理，例如：“<”、">"这两个符号本身是用来表示标签的开始和结束的，是没有办法通过直接打出来的，必须输入编码表示法：“<”和“>”。
通常情况下html会自动截取多余的空格。不管你加多少个空格，都被看做一个空格。如果要显示多个空格，可以使用 表示空格
我们看看实现代码
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<测试内容> 空格在中间 看到了吧
</body>
</html>
显示效果：
在浏览器中控制文本对象的显示，包括段落、换行、水平线等标签，下面介绍几个常用的html格式标签。所有的格式标签全部都是在嵌套在<body>……</body>标签对之间的
全称paragraph。<p>……</p>标签对用于创建一个段落，支持align属性来设置对齐方式，语法如下：
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<p align="center"><测试内容> 空格在中间 看到了吧</p>
</body>
</html>
显示效果：
在不另起一段的情况下将当前文本强制换行，<br>标签属于单独出现的标签，禁止出现结束标签。
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<p align="center"><测试内容></br> 空格在中间 看到了吧</p>
</body>
</html>
显示效果：
可以完整保留设计者在源文件中所定义的格式，包含各种空格，缩进，以及其他特殊字符，全部都原封不动的展示在浏览器页面上。
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<p align="center"><测试内容></br> 空格在中间 看到了吧</p>
<pre>
我是菜鸟小白
你们的好朋友
让我们一起学习吧！！！
</pre>
</body>
</html>
显示效果：
主要分为无序列表、排序列表、目录列表、菜单列表和描述性列表五种类型
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<ul>
<li>我是菜鸟小白</li>
<li>你们的好朋友</li>
<li> 让我们一起学习吧！！！</li>
</ul>
</body>
</html>
效果如下：
描述性列表：
<html lang="zh-cn">
<head>
<meta content="text/html;charset=utf-8">
<title>菜鸟小白的学习分享</title>
</head>
<body bgcolor="11ffff" text="000000">
<dl>
<dt>菜鸟小白测试表头</dt>
<dd>我是菜鸟小白</dd>
<dd>你们的好朋友</dd>
<dd> 让我们一起学习吧！！！</dd>
<dt>菜鸟小白测试表头2</dt>
<dd>我是菜鸟小白</dd>
<dd>你们的好朋友</dd>
<dd> 让我们一起学习吧！！！</dd>
</dl>
</body>
</html>
显示效果如下：
好了，今天的内容就到这了，我们明天继续学习HTML基础内容，不见不散~
少时候，一篇文章能否得到广泛的传播，除了文章本身实打实的质量以外，一个好的标题也至关重要。本文爬取了虎嗅网建站至今共 5 万条新闻标题内容，助你找到起文章标题的技巧与灵感。同时，分享一些值得关注的文章和作者。
写在前面：由于文中有一些超链接，无法在公众号打开，建议点击底部「阅读原文」或者复制下面的博客链接到浏览器打开，体验更好。https://www.makcyun.top/
在众多新媒体网站中，「虎嗅」网的文章内容和质量还算不错。在「新榜」科技类公众号排名中，它位居榜单第 3 名，还是比较受欢迎的。所以选择爬取该网站的文章信息，顺便从中了解一下这几年科技互联网都出现了哪些热点信息。
「关于虎嗅」虎嗅网创办于 2012 年 5 月，是一个聚合优质创新信息与人群的新媒体平台。该平台专注于贡献原创、深度、犀利优质的商业资讯，围绕创新创业的观点进行剖析与交流。虎嗅网的核心，是关注互联网及传统产业的融合、明星公司的起落轨迹、产业潮汐的动力与趋势。
使用 pyspider 抓取了虎嗅网的主页文章，文章抓取时期为 2012 年建站至 2018 年 11 月 1 日，共计约 5 万篇文章。抓取 了 7 个字段信息：文章标题、作者、发文时间、评论数、收藏数、摘要和文章链接。
这是要爬取的 网页界面，可以看到是通过 AJAX 加载的。
右键打开开发者工具查看翻页规律，可以看到 URL 请求是 POST 类型，下拉到底部查看 Form Data，表单需提交参数只有 3 项。经尝试， 只提交 page 参数就能成功获取页面的信息，其他两项参数无关紧要，所以构造分页爬取非常简单。
接着，切换选项卡到 Preview 和 Response 查看网页内容，可以看到数据都位于 data 字段里。total_page 为 2004，表示一共有 2004 页的文章内容，每一页有 25 篇文章，总共约 5 万篇，也就是我们要爬取的数量。
以上，我们就找到了所需内容，接下来可以开始构造爬虫，整个爬取思路比较简单。之前我们也练习过这一类 Ajax 文章的爬取，可以参考：
做 PPT 没灵感？澎湃网 1500 期信息图送给你
和之前文章不同的是，这里我们使用一种新的工具来进行爬取，叫做：pyspider 框架。由国人 binux 大神开发，GitHub Star 数超过 12 K，足以证明它的知名度。可以说，学习爬虫不能不会使用这个框架。
网上关于这个框架的介绍和实操案例非常多，这里仅简单介绍一下。
我们之前的爬虫都是在 Sublime 、PyCharm 这种 IDE 窗口中执行的，整个爬取过程可以说是处在黑箱中，内部运行的些细节并不太清楚。而 pyspider 一大亮点就在于提供了一个可视化的 WebUI 界面，能够清楚地查看爬虫的运行情况。
pyspider 的架构主要分为 Scheduler（调度器）、Fetcher（抓取器）、Processer（处理器）三个部分。Monitor（监控器）对整个爬取过程进行监控，Result Worker（结果处理器）处理最后抓取的结果。
该框架比较容易上手，网页右边是代码区，先定义类（Class）然后在里面添加爬虫的各种方法（也可以称为函数），运行的过程会在左上方显示，左下方则是输出结果的区域。
这里，分享几个不错的教程以供参考：
安装好该框架并大概了解用法后，下面我们可以就开始爬取了。
CMD 命令窗口执行：pyspider all 命令，然后浏览器输入：http://localhost:5000/ 就可以启动 pyspider 。
点击 Create 新建一个项目，Project Name 命名为：huxiu，因为要爬取的 URL 是 POST 类型，所以这里可以先不填写，之后可以在代码中添加，再次点击 Creat 便完成了该项目的新建。
新项目建立好后会自动生成一部分模板代码，我们只需在此基础上进行修改和完善，然后就可以运行爬虫项目了。现在，简单梳理下代码编写步骤。
这里，首先定义了一个 Handler 主类，整个爬虫项目都主要在该类下完成。 接着，可以将爬虫基本的一些基本配置，比如：Headers、代理等设置写在下面的 crawl_config 属性中。
如果你还没有习惯从函数（def）转换到类（Class）的代码写法，那么需要先了解一下类的相关知识，之后我也会单独用一篇文章介绍一下。
下面的 on_start 方法是程序的入口，也就是说程序启动后会首先从这里开始运行。首先，我们将要爬取的 URL传入 crawl 方法，同时将 URL 修改成虎嗅网的：https://www.huxiu.com/v2_action/article_list。
由于 URL 是 POST 请求，所以我们还需要增加两个参数：method 和 data。method 表示 HTTP 请求方式，默认是 GET，这里我们需要设置为 POST；data 是 POST 请求表单参数，只需要添加一个 page 参数即可。
接着，通过 callback 参数定义一个 index_page 方法，用来解析 crawl 方法爬取 URL 成功后返回的 Response 响应。在后面的 index_page 方法中，可以使用 PyQuery 提取响应中的所需内容。
具体提取方法如下：
这里，网页返回的 Response 是 json 格式，待提取的信息存放在其中的 data 键值中，由一段 HTML 代码构成。我们可以使用 response.json[‘data’] 获取该 HTML 信息，接着使用 PyQuery 搭配 CSS 语法提取出文章标题、链接、作者等所需信息。这里使用了列表生成式，能够精简代码并且转换为方便的 list 格式，便于后续存储到 MongoDB 中。
可以看到，成功得到所需数据，然后就可以保存了，可以选择输出为 CSV、MySQL、MongoDB 等方式，这里我们选择保存到 MongoDB 中。
上面，定义了一个 on_result 方法，该方法专门用来获取 return 的结果数据。这里用来接收上面 index_page 返回的 data 数据，在该方法里再定义一个存储到 MongoDB 的方法就可以保存到 MongoDB 中。
关于数据如何存储到 MongoDB 中，我们在之前的一篇文章中有过介绍，如果忘记了可以回顾一下。
下面，我们来测试一下整个爬取和存储过程。点击左上角的 run 就可以顺利运行单个网页的抓取、解析和存储，结果如下：
上面完成了单页面的爬取，接下来，我们需要爬取全部 2000 余页内容。
需要修改两个地方，首先在 on_start 方法中将 for 循环页数 3 改为 2002。改好以后，如果我们直接点击 run ，会发现还是只能爬取第 2 页的结果。
这是因为，pyspider 以 URL的 MD5 值作为 唯一 ID 编号，ID 编号相同的话就视为同一个任务，便不会再重复爬取。由于 GET 请求的 分页URL 通常是有差异的，所以 ID 编号会不同，也就自然能够爬取多页。但这里 POST 请求的分页 URL 是相同的，所以爬完第 2 页，后面的页数便不会再爬取。
那有没有解决办法呢？ 当然是有的，我们需要重新写下 ID 编号的生成方式，方法很简单，在 on_start 方法前面添加下面 2 行代码即可：
这样，我们再点击 run 就能够顺利爬取 2000 页的结果了，我这里一共抓取了 49,996 条结果，耗时 2 小时左右完成。
以上，就完成了数据的获取。有了数据我们就可以着手分析，不过这之前还需简单地进行一下数据的清洗、处理。
首先，我们需要从 MongoDB 中读取数据，并转换为 DataFrame。
下面我们看一下数据的总体情况，可以看到数据的维度是 49996 行 × 8 列。发现多了一列无用的 _id 需删除，同时 name 列有一些特殊符号，比如© 需删除。另外，数据格式全部为 Object 字符串格式，需要将 comment 和 favorites 两列更改为数值格式、 write_time 列更改为日期格式。
代码实现如下：
下面，我们看一下数据是否有重复，如果有，那么需要删除。
然后，我们再增加两列数据，一列是文章标题长度列，一列是年份列，便于后面进行分析。
以上，就完成了基本的数据清洗处理过程，针对这 9 列数据可以开始进行分析了。
通常，数据分析主要分为四类： 「描述型分析」、「诊断型分析」、「预测型分析」、「规范型分析」。
「描述型分析」是用来概括、表述事物整体状况以及事物间关联、类属关系的统计方法，是这四类中最为常见的数据分析类型。通过统计处理可以简洁地用几个统计值来表示一组数据地集中性（如平均值、中位数和众数等）和离散型（反映数据的波动性大小，如：方差、标准差等。）
这里，我们主要进行描述性分析，数据主要为数值型数据（包括离散型变量和连续型变量）和文本数据。
先来看一下总体情况：
这里，使用了 data.describe 方法对数值型变量进行统计分析。从上面可以简要得出以下几个结论：
对于非数值型变量（name、write_time），使用 describe 方法会产生另外一种汇总统计。
unique 表示唯一值数量，top 表示出现次数最多的变量，freq 表示该变量出现的次数，所以可以简单得出以下几个结论：
可以看到 ，以季度为时间尺度的 6 年间，前几年发文数量比较稳定，大概在1750 篇左右，个别季度数量激增到 2000 篇以上。2016 年之后文章开始增加到 2000 篇以上，可能跟网站知名度提升有关。首尾两个季度日期不全，所以数量比较少。
具体代码实现如下：
接下来，到了我们比较关心的问题：几万篇文章里，到底哪些文章写得比较好或者比较火？
此处选取了「favorites」作为衡量标准。毕竟，一般好的文章，我们都会有收藏的习惯。
第一名「读完这10本书，你就能站在智商鄙视链的顶端了 」以 1113 次收藏位居第一，并且遥遥领先于后者，看来大家都怀有「想早日攀上人生巅峰，一览众人小」的想法啊。打开这篇文章的链接，文中提到了这几本书：《思考，快与慢》、《思考的技术》、《麦肯锡入职第一课：让职场新人一生受用的逻辑思考力》等。一本都没看过，看来这辈子是很难登上人生巅峰了。
发现两个有意思的地方：第一，文章标题都比较短小精炼。第二，文章收藏量虽然比较高，但评论数都不多，猜测这是因为——大家都喜欢做伸手党？
在了解文章的总体排名之后，我们来看看历年的文章排名是怎样的。这里，每年选取了收藏量最多的 3 篇文章。
可以看到，文章收藏量基本是逐年递增的，但 2015 年的 3 篇文章的收藏量却是最高的，包揽了总排名的前 3 名，不知道这一年的文章有什么特别之处。
以上只罗列了一小部分文章的标题，可以看到标题起地都蛮有水准的。关于标题的重要性，有这样通俗的说法：「一篇好文章，标题占一半」，一个好的标题可以大大增强文章的传播力和吸引力。文章标题虽只有短短数十字，但要想起好，里面也是很有很多技巧的。
好在，这里提供了 5 万个标题可供参考。代码实现如下：
上面，我们从收藏量指标进行了分析,下面，我们关注一下发布文章的作者（个人/媒体）。前面提到发文最多的是虎嗅官方，有一万多篇文章，这里我们筛除官媒，看看还有哪些比较高产的作者。
可以看到，前 20 名作者的发文量差距都不太大。发文比较多的有「娱乐资本论」、「Eastland」、「发条橙子」这类媒体号；也有虎嗅官网团队的作者：发条橙子、周超臣、张博文等；还有部分独立作者：假装FBI、孙永杰等。可以尝试关注一下这些高产作者。
代码实现如下：
我们关注一个作者除了是因为文章高产以外，可能更看重的是其文章水准。这里我们选择「文章平均收藏量」（总收藏量/文章数）这个指标，来看看文章水准比较高的作者是哪些人。
这里，为了避免出现「某作者只写了一篇高收藏率的文章」这种不能代表其真实水准的情况，我们将筛选范围定在至少发布过 5 篇文章的作者们。
可以看到，前 10 名作者包括：遥遥领先的 重读、两位高产又有质量的辩手李慕阳和饭统戴老板，还有大众比较熟悉的高晓松、宁南山等。
如果你将这份名单和上面那份高产作者名单进行对比，会发现他们没有出现在这个名单中。相比于数量，质量可能更重要吧。
下面，我们就来看看排名第一的 重读都写了哪些高收藏量文章。
居然写的都是清一色关于马老板家的文章。
了解了前十名作者之后，我们顺便也看看那些处于最后十名的都是哪些作者。
一对比，就能看到他们的文章收藏量就比较寒碜了。尤其好奇最后一位作者 Yang Yemeng，他写了 7 篇文章，竟然一个收藏都没有。
来看看他究竟写了些什么文章。
原来写的全都是英文文章，看来大家并不太钟意阅读英文类的文章啊。
具体实现代码：
说完了收藏量。下面，我们再来看看评论数量最多的文章是哪些。
基本上都是和 三星有关的文章，这些文章大多来自 2014 年，那几年三星好像是挺火的，不过这两年国内基本上都见不到三星的影子了，世界变化真快。
发现了两个有意思的现象。
我们进一步观察下这两个参数的关系。
可以看到，大多数点都位于左下角，意味着这些文章收藏量和评论数都比较低。但也存在少部分位于上方和右侧的异常值，表明这些文章呈现 「多评论、少收藏」或者「少评论、多收藏」的特点。
下面，我们再来看看文章标题的长度和收藏量之间有没有什么关系。
大致可以看出两点现象：
看来，文章起标题时最好不要起太长的。
实现代码如下：
下面，我们看看作者在起文章标题的时候，在标点符号方面有没有什么偏好。
可以看到，五万篇文章中，大多数文章的标题是陈述性标题。三分之一（34.8%） 的文章标题使用了问号「？」，而仅有 5% 的文章用了叹号「！」。通常，问号会让人们产生好奇，从而想去点开文章；而叹号则会带来一种紧张或者压迫感，使人不太想去点开。所以，可以尝试多用问号而少用叹号。
最后，我们从这 5 万篇文章中的标题和摘要中，来看看虎嗅网的文章主要关注的都是哪些主题领域。
这里首先运用了 jieba 分词包对标题进行了分词，然后用 WordCloud 做成了词云图，因虎嗅网含有「虎」字，故选取了一张老虎头像。（关于 jieba 和 WordCloud 两个包，之后再详细介绍）
可以看到文章的主题内容侧重于：互联网、知名公司、电商、投资这些领域。这和网站本身对外宣传的核心内容，即「关注互联网与移动互联网一系列明星公司的起落轨迹、产业潮汐的动力与趋势，以及互联网与移动互联网如何改造传统产业」大致相符合。
实现代码如下：
上面的关键词是这几年总体的概况，而科技互联网行业每年的发展都是不同的，所以，我们再来看看历年的一些关键词，透过这些关键词看看这几年互联网行业、科技热点、知名公司都有些什么不同变化。
可以看到每年的关键词都有一些相同之处，但也不同的地方：
通过这一幅图，就看出了这几年科技互联网行业、明星公司、热点信息的风云变化。
本文完。
作者：苏克1900，公众号：第2大脑（ID：Mocun6）
*请认真填写需求信息，我们会在24小时内与您取得联系。
