理解每个HTML标记是实现自己的HTML代码的关键一步。
使用本指南作为标准HTML标签以及如何使用它们的参考。
什么是HTML标签?
HTML标签是告诉浏览器如何格式化文本的简单指令。您可以使用标记来格式化斜体、换行符、对象、项目符号等。
这些标签存在于每个网页的HTML(或超文本标记语言)中。简单地说,HTML是网页的语言。
HTML标签的例子
段落标签
和
是HTML标签,而“段落标签”是HTML元素,即页面上的文本。这个标签将开始的
标签和结束的
标签之间的任何文本格式化为标准段落或主体文本。标题标签
在这个例子中,
和
是HTML标签,而“ Heading Tag ”是HTML元素,即页面标题。使用这个标签将把开始的
标签和结束的
标签之间的任何文本格式化为标题2(一种副标题)。粗体标签
这里的和是HTML标签和“粗体标签”是HTML元素,即在页面上的文本。
这个标签将把开始的标签和结束的标签之间的任何文本格式化为加粗。
斜体标签
这里,和是HTML标签,而“ Italic Tag ”是HTML元素(页面上的文本)。
这个标签将把开始标签和结束标签之间的任何文本格式化为斜体。
下划线标签
这里和是HTML标签,而“下划线标签”是HTML元素,即页面上的文本。
这个标签将把开始的标签和结束的标签之间的任何文本格式化为下划线。
如何检查你的网站的HTML标签
如果你已经在你的网页上有HTML标签,想要检查它们是否被正确使用,你可以通过查看你的网页的HTML来做到这一点。要做到这一点,你所需要的就是你的网络浏览器。
要查看网页的HTML,你应该:
在谷歌Chrome浏览器上右键单击网页
点击“检查”
您将在页面的一侧或底部看到HTML代码框
使用Ctrl + F查找特定的标记或元素
不确定你在找什么?尝试站点审计工具。
为了检查你的网站是否正确使用了HTML标签,你可以对你的网站进行SEO审计。站点审计工具可以检查基本的HTML标签和属性是否正确,以及您的页面是否使用了过多的HTML。
要使用Site audit工具执行SEO审计,您需要首先为您的域创建一个项目。
专业技巧:注册一个免费的账户来跟进。
该工具将提示您输入目标域:
然后,配置任何其他设置,例如专注于特定的子域,子文件夹或特定的url列表:
审核完成后,您将被引导到现场审核概述报告,在那里您将对任何现场问题有一个高层次的看法:
选择“问题”选项卡查看任何HTML问题的更详细视图。在搜索栏中,您可以搜索“HTML”、“H1”或任何相关的HTML标记,以深入到特定的HTML标记问题。
该工具还提供了如何解决每个问题的建议:
网页如何读取HTML标签?
服务器读取HTML代码来理解和呈现内容。它将从上到下读取HTML,就像您阅读本指南一样。
您可以使用任意多或任意少的标记来格式化内容。但是,有一些基本的HTML标记和规则需要遵循。
一个HTML标签必须包含三个部分:
开始标记——它将以< >符号开始
内容——关于如何显示页面上元素的简短说明
结束标记——它将以 符号结束
但是,有些HTML标记可以打开。这意味着HTML标记不需要以 >结束。元数据或换行符通常使用未关闭标记。
属性和HTML标签的区别是什么?
尽管本指南都是关于HTML标记的,但是了解HTML标记、元素和属性之间的区别也很重要。
HTML元素是页面上的一项;它是网页内容的一部分。HTML标签影响HTML元素的显示方式。HTML属性描述该元素的特征。
下面是元素、标签和属性是如何协同工作的:
HTML标签包含如何显示页面上元素的说明。它们以 <开头,以> 结尾,在元素的内容之前和之后。(例如 粗体标签)
HTML元素是夹在标签内的页面内容。(粗体标签)
HTML属性提供有关HTML元素的附加信息,并出现在HTML标签内(例如< HTML lang=“en-US“>)。
类型
HTML标记
HTML元素
HTML属性
包含
关于如何显示页面上元素的说明
要显示的页面内容
关于页上元素的附加信息
外观
它以<开始,以>结束
夹在HTML标签内
出现在任何元素之前的起始标记中
最常见的HTML标签
有将近100种不同类型的HTML标签可以用于你的网页。下面是一些最常见的HTML标签:
标签
类型
它是什么
< p >
HTML文本标签
段
HTML文本标签
标题1
< h2 >
HTML文本标签
标题2
< h3 >
HTML文本标签
标题3
< h4 >
HTML文本标签
标题4
< h5 >
HTML文本标签
标题5
HTML文本标签
标题6
< >强
HTML文本标签
强大的
< em >
HTML文本标签
强调
<方法>
HTML文本标签
缩写
<地址>
HTML文本标签
联系信息
< bdo >
HTML文本标签
覆盖当前文本方向
< blockquote >
HTML文本标签
来自其他来源的内容
<引用>
HTML文本标签
作品,书籍,网站的标题
HTML文本标签 内联报价 <代码> HTML文本标签 显示部分编程代码 < ins > HTML文本标签 文本插入 < del > HTML文本标签 从文档中删除的文本 < dfn > HTML文本标签 在句子/短语中定义的术语 < kbd > HTML文本标签 键盘输入 < >之前 HTML文本标签 预格式化的文本 <桑普> HTML文本标签 一个计算机程序的输出示例 < var > HTML文本标签 在数学或编程环境中使用的变量名 < br > HTML文本标签 单行断行 < div > HTML文本标签 部门