HTML5简介与基本骨架(本文为个人学习笔记，内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。 ＞ 所有知识点归属原作者，仅作非商业用途分享)

HTML5简介与基本骨架

• 学习前端可以干什么事情:

  1. 网站
  2. 小程序
  3. APP
  4. 数据可视化
  5. 后台：JavaScript

• HTML5介绍

  1. HTML5是用来描述网页的一种语言，被称为超文本语言。
  2. 用HTML5编写的文件，后缀以.html结尾
  3. HTML5是一种标记语言，标记语言是一套标记标签。
  4. 标签由尖括号包围关键字：如

• 标签的两种表现形式：

  1. 单标签：
  2. 双标签：

• HTML5的DOCTYPE声明

  1. DOCTYPE是docnment(文档类型)的缩写。
  2. (!DOCTYPE[空格]html)是H5的声明位于文档的最前面，处于标签之前。
  3. 它是网页必备的组成部分，避免浏览器的怪异模式。
  4. 声明标签形式：
     

  HTML5基本骨架

  

  1. html标签

     • 定义html文档，这个元素浏览器看到后就明白这是个HTML文档了
     • 所以其它的元素要包裹在它里面
     • 标签限定了文档的开始点和结束点。

     

  2. head标签

     • head标签用于定义文档的头部。
     • 文档的头部描述了文档的各种属性和信息，包括文档标题、在web中的位置以及和其他文档的关系等
     • 绝大多数文档头部包含的数据都不会真正的作为内容显示给读者。

     

  3. boby标签

     • boby元素定义文档的主体
     • boby元素包含文档的所有内容(比如文本、超链接、图像、表格和列表…)
     • 它会直接在页面中显示出来，也就是用户可以直观看到的内容

     

  4. title标签

     • 可定义文档的标题
     • 它显示在浏览器窗口的标题栏或状态栏上
     • title标签是head标签中唯一必须要求包含的东西，就是说写head一定要写title
     • title的增加有利于SEO优化

     

     • SEO是搜索引擎优化的英文缩写。通过对网站内容调整，满足搜索引擎的排名需求

  5. meta标签

     • meta标签用来描述一个HTML网页文档的属性，关键字等
     • 例如：charset="utf-8"是说当前使用的是utf-8编码
     • 格式，在开发中我们经常会看到utf-8,或是gbk，这些都是编码格式，通常使用utf-8。
       

、