首页 » 编程语言 » html » 正文

HTML标签书写规则详解

html标签是用来描述和定义网页信息的,而规范的书写html标签,可以让浏览器更加准确的识别网页元素,同时,搜索引擎也能更好的抓取和识别网页内容;可见,规范书写HTML标签,既利于浏览网页的观众,也利于网页优化!

HTML标签规则

html有单标签、双标签,HTML 标签对大小写不敏感<B>和<b>是一样的,但推荐使用小写!

1、单标签规则

单标签是指没有内容的标签,在开始标签中自动闭合,所以,也叫空标签

单标签:只有一个尖括号<>包围的HTML标签

单标签格式:<标签名>,比如<br/>、<hr/>等

单标签单标签说明
<br>添加一个换行
<hr>添加一个水平线
<img>添加一个图片
<input>添加一个输入框
<meta>在<head>和</head>之间添加元信息
<link>

定义文档与外部资源的关系

<param>允许您为插入 XHTML 文档的对象规定 run-time 设置

2、双标签规则

规则1:HTML标签是由尖括<>包围的标签名,比如 <b>

规则2:HTML标签通常是成对出现的,开始标签,比如<b>,结束标签名前加斜线/,比如</b>

规则3:开始标签和结束标签之间,就是要描述的内容,比如,<b>刘代码</b>是加粗显示“刘代码”三个文字

规则4:所有的标签之间可以嵌套。例:<head> <title>标签嵌套演示</title></head>

常见双标签说明
<html>…</htm>定义 HTML 文档
<head>…</head>头部信息
<title>…</title>文档的标题
<body>…</body>可见的页面内容
<a>…</a>定义超链接
<p>…</p>段落
<h1>...</h1>一级标题
还有更多双标签请查看html双标签大全

html文件基本结构

<!doctype html>
<html>
    <head>
        <title>html结构演示</title>
    </head>
    <body>
       <h1>刘代码博客</h1>
       <p>介绍HTML、CSS、Javascript、PHP等各种<b>编程技术</b>知识。</p>
      <a href="http://www.liusanjiao.com">刘三角博客</a>
    </body>
</html>

以上代码图示如下,方便学习和了解html基本结构

2019-07-27_020915.png

Doctype标签,是文档明标签,是声明文档html版本的,目前主流用HTML5版本!

html标签:称为根标签,是HTML整体结构标签,所有的网页标签都在<html></html>中。

head头部:代表HTML文档的头信息,以<head>开始,</head>结束,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。

body主体;在<body>和</body>标签之间的内容代表HTML文档的主体。包括如<h1>、<p>、<a>、<img>等网页内容标签,是可以直接在网页内容区显示,而head标签的内容不显示网页在网页内容区,以上HTML代码运行结果在浏览器中显示如下:

2019-07-27_022000.png




欢迎您发表评论或留言