以坚实的专业知识 新颖的设计
满足每一位客户的个性需求

关于HTML页面的基础知识

发布时间:2018/5/2 来源:沈阳志鼎科技有限公司

   什么是HTML
HTML其实是Hyper Text Markup Language的缩写,即超文本标记语言。
作用:专门用来描述文本语义
这些用于描述其它文本语义的文本, 我们称之为标签, 并且这些用于描述文本语义的标签将来在浏览器中是不会显示出来的。所以我们称这些文本为“超文本” 而这些文本又叫做“标签” 所以HTML被称之为“超文本标记语言”。
下面我们将详细讲解一个最简单的页面的最基本的知识:


在WebStorm中按下Ctrl+Alt+Insert快捷键创建一个HTML5文件
文档声明:
什么是文档声明:
由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML来编写的, 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页。
格式:
<!DOCTYPE html>
注意点:
(1)<!DOCTYPE html>必须写在第一行
(2)<!DOCTYPE html>该声明只有一个标签,不成对出现
(3)<!DOCTYPE html>该声明不区分大小写
html标签
作用:用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
格式:
<html>


</html>
注意点:
(1)html标签成对出现,即一个开始标签<html>和一个结束标签</html>
  (2)其它所有的标签都必须写在html标签里面, 也就是写在html开始标签<html>和结束标签</html>中间
head标签
作用:用于给网站添加一些配置信息(修饰文本的信息写在head标签里)
格式:
<head>
    
</head>
注意点:
(1)head标签成对出现,即一个开始标签<headl>和一个结束标签</head>
  (2)修饰html文本所有的CSS标签都必须写在html标签里面
body标签
作用:专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
格式:
<body>


</body>
注意点:
(1)body标签成对出现,即一个开始标签<body>和一个结束标签</bodyl>
(2)html文本的内容必须写在body标签里面
meta标签
作用:规定文档使用编码类型(字符集),解决乱码现象
格式:
<meta charset="UTF-8">
注意点:
(1)在网页中我们常见的字符集有两个GBK/UTF-8
(2)GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文。但是体积小,访问速度快。
(3)UTF-8里面存储的世界上所有的文字 
(4)在HTML文件中指定的字符集必须和保存这个文件的字符集一致, 否则还是会出现乱码。所以仅仅指定字符集不一定能解决乱码问题, 还需要保存文件的时候, 文件的保存格式必须和指定的字符集一致才能保证没有乱码问题。
编写语言:
<html lang="en">
lang为language的缩写,en为English的缩写,lang="en"的意思为用英文进行编写。
HTML标签分类:
单标签:
只有开始标签没有结束标签,由一个<>组成
<meta charset="UTF-8">
双标签:
有开始标签和结束标签, 也就是由一个<>和一个</>组成
<title>Title</title>
文件.html和.html的扩展名的区别:
· DOS操作系统(win95或win98)下只能支持长度为3的后缀名,所以是.htm
· 但在windows后缀长度可以大于3位,所以windows下无所谓.htm与.html,.html是为长文件的格式命名的
· 所以.htm是为了兼容过去的DOS命名格式存在的(win10系统不存在,就使用.html作为文件的扩展名即可)