meta标签作用
指定字符集
为什么会有乱码现象?
没有指定字符集
字符集指定方法
head 标签中添加:
<meta charset="GBK" />
什么是字符集
字符的集合
GBK(GB2312)中字符较少 体积小 打开快 (网站只有中文用GBK)
UTF-8 中存储世界上所有文字 体积大
注意:在 HTML 文件中指定字符集必须与保存字符集一致
标签的分类
按照标签数量分: 单标签和双标签
按照标签之间的关系分: 并列关系和嵌套关系
DTD文档声明
DTD文档声明的作用:
告诉浏览器用的是哪个版本的 HTML 规范
HTML5 文档声明规范向下兼容,所以现在使用 HTML5 文档声明
格式:
<!doctype html>
练习:格式记忆
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>```
**注意点:**
**1.任何一个标准的 HTML 网页第一行一定是 DTD 文件**
**2.DTD 文件不区分大小写**
**3.DTD 文档声明不是标签**
**4.虽然声明的作用是告诉浏览器是以哪个版本编写的,浏览器并不完全依赖声明,它有其本身的一套作用体系,即使不声明也会正常使用。但是,W3C规定 HTML 第一行必须是 DTD 声明,那么我们按此编写**
##XHTML HTML HTML5 的规范区别
区别就是,严格与不严格,功能多与功能少
htm 与 html 的区别:htm 是老操作系统不支持长扩展名
##H P HR 标签的使用
__快速新建项目__: alt + ctrl + insert
__H 标签__:添加标题语义,并非修改样式
__格式__: ```<h1></h1>```
H 标签有6个 h1 - h6
H 标签单独占一行, h1 最大 h6 最小
**在企业开发中慎用 H 标签,尤其是 H1 标签**
**一个页面只有一个 H1 标签 (与 SEO 有关)**
__快捷键:__
_1.END 跳到本行最后一个_
_2.HOME 跳到本行开头_
_3.alt + 鼠标左键下拖 多行文本输入_
_4.alt + ctrl + t 用 <></> 包裹选中代码_
_5.复制当前行 ctrl + d_
_6.删除当前行 ctrl + x_
__p 标签__:添加段落语义
格式:```<p></p>```
**注意点:在浏览器中独占一行**
__HR 标签__: 分割线
__格式__:```<hr /> ```
HR 标签是单标签也是独占一行
XTML 规范中 <hr /> "/" 不可以省略
HTML 规范中可以写成 <hr>
使用情况按开发工具自动生成
##HTML 发展史
![html 发展史](https://img.haomeiwen.com/i4652604/9f0620bb59d1ce7d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
网友评论