head标签

head标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、只是浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在web中的位置以及和其它文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分

<title>、<meta>、<link>、<style>、<script>。

应该把 <head> 标签放在文档的开始处，紧跟着<html> 后面，并处于 <body> 标签之前。

文档的头部经常会包含一些 <meta> 标签，用来告诉浏览器关于文档的附加信息。

title标签

可定义文档的标题；
它显示在浏览器窗口的标题栏或状态栏上；
title 写与网页相关的关键词有利于SEO优化

meta标签

一般定义一些当前网页的特殊属性
通过 meta 标签的属性定义页面的特征
格式: <meta 属性1 = ' ' 属性2 = ‘’> </meta>

注：属性的值可以用 ' ' 也可以用 " "

charset 属性定义当前页面的字符集告诉浏览器以什么字符集解析当前页面

name 属性一般用于当前网页的一些简单描述，便于在搜索引擎上根据描述搜索到当前网页

keywords 关键字

author 作者

description 描述

<meta name ='keywords'  content = '段海涛，多易教育'/ ><meta name ='author'  content = '娜娜老师'/ ><meta name ='description'  content = '大学毕业后从事英语教育，但对于编程有着浓厚的兴趣，故自学老师视频，然后整理了相关的文档'/ >

http-equiv属性在多少秒后对该网页进行刷新

<meta http-equiv ='refresh'  content = '5;http://www.51doit.com'/ >

link标签

学习 CSS 样式引入外部CSS样式文件

script标签

学习 js 脚本语言引入脚本语言文件

注释的快捷方式为：选中文字按ctr l + shift + / 注释和取消注释

body标签

标题标签

<!-- h1-6 六级标题>

<h1>主标题内容</h1><h2>副标题内容</h2><h3>3号标题内容</h3><h4>4号标题内容</h4><h5>5号标题内容</h5><h6>6号标题内容</h6>

段落标签

<!--

P 段落标签被p标签包裹的文字就是独立的一个段落

段落内部不换行

<br/> 换行标签放在哪里就在哪里换行

段落和段落之间是换行的

即每一对P标签占一行

-->

<p>春回大地，万物复苏，一切都是最美好的景象</p><p>夏日炎炎，泳池无论是水还是美女都能让人感觉清凉</p><p>秋天给大地换上了金装，到处一片金黄<br/>硕果磊磊，迎接丰收<br/>秋叶扫地，化作春泥更护花</p>

格式化标签

文档地址： https://www.w3school.com.cn/html/html_formatting.asp

格式化标签的嵌套

多重格式同时生效

嵌套格式 <big><b><i>多易出品，必属精品<i><b></big>

合理嵌套，符合常理的嵌套

<b>多易出品，必属精品</b>              <br/>        <!--加粗--> <big>多易出品，必属精品</big>          <br/>        <!--变大--> <small>多易出品，必属精品</small>      <br/>        <!--变小--><em>多易出品，必属精品</em>            <br/>        <!--着重斜体--><i>多易出品，必属精品</i>              <br/>        <!--斜体-->Log<sub>2</sub>n                      <br/>       <!--下标-->2<sup>n</sup>                         <br/>       <!--上标-->多易出品<del>，</del>必属精品           <br/>       <!--删除-->多易出品<ins>_<ins>必属精品             <br/>       <!--插入--><font color = "red" size = "20">多易出品，必属精品</font>

<p style = "样式名：样式值；样式名：样式值">多易出品，必属精品</p><p style = "font-size：40px;font-family：'楷体';color:orange;text-decoration:underline>多易出品，必属精品</p>

字符实体标签

链接：https://www.w3school.com.cn/html/html_entities.asp

特殊符号链接： https://www.w3school.com.cn/tags/html_ref_symboles.html

对于HTML有特殊含义的符号想以普通文本的形式展现出来，那么就需要使用字符实体进行转义处理

<html><head><meta> charset = “utf-8”</meta></head><body>您好 <br/> haider</body></html>

以上打印内容为换行后的：您好haider

如果不想让其换行，需要在上述链接中查到 <> 的代表符号,具体操作如下：

<html><head><meta> charset = “utf-8”</meta></head><body><!--左右尖角号的字符实体一次为 &lt；&gt；空格的字符实体为 &nbsp；与符号字符实体为 &amp &lt;-->您好 &lt; br/ &gt; haider多易出品 &nbsp; &nbsp; &nbsp; &nbsp;必属精品&amp &lt;<!--其他特殊符号对于html 没有特殊含义但是又不好打出来的符号--></body></html>

以上知识你get到了吗？

想了解更多内容可以随时跟博主沟通哦~~~

观看更多技术视频请在B站搜索多易教育

最专业的大数据全套教学视频

多易出品，必属精品

HTML中的head和body标签及作用相关推荐

html页面包含头文件,Web前端技术：HTML部分---Head标签中包含的头文件标签，body标签包含的内部标签...
1.Head标签中包含的头文件标签的作用: (1)title标签:定义网页的标题. (2)meta标签:一般用于定义页面的特殊信息,例如页面的关键字.页面描述等 (3)link标签:用于引入外部样式 ...
spring mvc项目中利用freemarker生成自定义标签
2019独角兽企业重金招聘Python工程师标准>>> spring mvc项目中利用freemarker生成自定义标签博客分类: java spring mvc +freemar ...
浅析SEO优化中标签的作用？
目前,已经有很多企业网站有专门的优化人员来进行SEO优化,在网站SEO优化的过程中会使用到很多标签来利于搜索引擎的读取,提升网站的排名和权重.就以大连网龙科技旗下产品云霸屏为例来讲,云霸屏作为一款全网 ...
php中pre标签,html中pre标签与code标签的作用与用法
HTML 标签定义和用法 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 可以导致 ...
Mybatis工作流程，附带mybatis的mapper文件和config配置文件模板。mapper文件和dao接口的关系——xml中的namespace和sql标签id命名要求。
1. Mybatis工作流程 1.1 使用MySQL创建数据库girls并生成一个表boys,如下图. 1.2 创建该表对应的简单实体类Boys,如下图. 1.3 创建Dao接口以及和接口同名的map ...
在 IntelliJ IDEA 中误添加自定义的 JavaDoc 标签，如何删除
在 IntelliJ IDEA 中误添加自定义的 JavaDoc 标签,如何删除运行环境: IntelliJ IDEA 2020.1.2 (Ultimate Edition) 笔者使用 Inte ...
html中的容器和语义标签
html中的容器和语义标签 **div **:没有语义 header:通常用于表示页头,也可表示文章的头部 footer:通常表示页脚,也可以表示文章的尾部 article:通常用于表示整篇文章 se ...
archives_do.php,织梦后台文章管理中增加批量添加tag标签功能
需求背景: 之前发布了不少文章,后来发现之前的这些文章当时发布时都没有添加tag标签,然而现在需要都添加上tag标签,然而这个在默认的织梦后台是没办法批量实现的,只能一篇篇文章去修改. 思考: 织梦原 ...
php正则提取a,正则表达式 - php提取html中指定div下a标签的text和href问题
正则表达式 - php提取html中指定div下a标签的text和href问题原创2016-06-06 20:27:030617 已解决,有点凌乱,速度就行. (.*?)%sim'; preg ...

HTML中的head和body标签及作用