基本骨架

  • HTML文件最基本的四个标签，组成了网页的基本骨架，包括​​<html>​​、​​<head>​​、​​<title>​​、​​<body>​​四组标签。
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
</body>
</html>


<html>标签

　　定义HTML文件的根元素，表示整个的HTML文档，所有的标签要书写在标签内部。

<head>标签

  • 用于存放​​<title>​​,​​<meta>​​,​​<base>​​,​​<style>​​,​​<script>​​,​​<link>​​。内部用于对网页的设置，除了​​<title>​​内部的文字，其他标签都不显示在浏览器上。

在标签中我们必须要设置的标签是title 在标签中我们必须要设置的标签是title

<title>标签

  • 作用1：让页面拥有一个属于直接的标题。
  • 作用2：title中的关键字可以作为搜索引擎抓取的关键字，提高SEO搜索引擎优化
  • 作用3：内部的内容会显示在搜索结果的标题部分
  • 作用4：作为浏览器收藏夹默认的网页标题

建议网页必须添加title标签内部内容，内容尽量精简，提取网页的关键字。建议网页必须添加title标签内部内容，内容尽量精简，提取网页的关键字。

<body>标签

  • 作用：定义网页的主体部分，存放所有的HTML显示内容的标签。

DTD

完整的HTML文件的第一行内容叫做文档定义类型，英文DocType Definition,简称DTD。也称作文档声明类型，DocType Declaration

HTML5版本
<!DOCTYPE html>


告知浏览器该网页使用的是哪个版本的HTML规范，让浏览器按照对应版本的HTML语法进行解析页面告知浏览器该网页使用的是哪个版本的HTML规范，让浏览器按照对应版本的HTML语法进行解析页面

命名空间

​​<html>​​元素表示整个网页文档，在开始标签上设置了命名空间xmlns属性

  • xml:lang="en"和lang="en" 表示所有的标签元素内容的语言都是英语，对搜索引擎和浏览器是有帮助的
  • lang="zh-cn" 表示中文（中国）
  • 元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准
XHTML1.0版本
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
</html>
HTML5版本
<html lang="en">
</html>


• xml：可扩展标记语言，使用在传输过程中的规范。被设计用来传输和存储数据，是html
的补充。
• xmlns：全称叫做XML NameSpace，NameSpace叫做命名空间，浏览器会将此命名空间
用于该属性所在元素内的所有内容。

字符集

​​<head>​​标签内部的meta标签通过http-equiv属性定义了当前的网页所使用的字符编码

 HTML5版本
<meta charset="UTF-8">


常用字符集编码

  • 国际通用字库
    UTF-8: 以字节为单位对Unicode万国码进行编码，涵盖了所有人类的语言文字，一个汉字为3个字节大小
  • 中文国标字库
    gb2312: 共收入汉族6763个和包括拉丁字母、希腊字母、日文、俄语西里尔字母在内的682个
    gbk: 是gb2312的扩展，增加了繁体字，共收入21886个汉字和图形符号，其中汉子21003个，图形符号883个，一个汉字为2个字节大小

字符集常见问题

  • 使用情况建议
    1.如果没有网页加载速度要求，或者制作的是外文网站，使用utf-8
    2.如果含有大量中文汉字的网站，而且要求网页加载速度快，使用gbk

注意：标签声明的字库，必须和编辑器软件默认编译字库相同，否则会出现字库不匹配，浏览器加载是出现乱码。注意：标签声明的字库，必须和编辑器软件默认编译字库相同，否则会出现字库不匹配，浏览器加载是出现乱码。