【前端知识学习】HTML5 学习笔记

这是狂神的HTML教学的笔记。从今天开始转行前端
主要是为了把简历写得更好看= =，因此部分地方会比较省略，比如表单等内容（不过如果以后需要学习的话，也会继续补充这块的内容）

一. 简介与基本信息

1. W3C 标准

1. DOM：文档对象模型
2. XML：可扩展标记语言，配置的时候会用到

开发工具：可以直接用 IDEA，记得配置

2. HTML基本结构

• 网页头部、网页主体、开放标签、闭合标签
  

3. 网页基本信息

• !DOCTYPE 描述使用的规范
• meta：描述性标签，描述网站的信息，可以用来给搜索引擎搜索
• title: 网页标题，比如我当前写文章的网页标题是“写文章-CSDN博客"
  

4. 网页基本标签

• 标题标签
  
• 段落标签（直接回车并不能实现换行效果噢~)
  
• 换行标签：相对于段落标签，行间的间隙会更小。单标签
  
• 水平线标签：
  
• 粗体、斜体标签：
  
  - 特殊符号：如空格、大于号等（下图为格式，具体想要啥可以去百度查对应值）
  
• 题外话：养成好习惯，文件分好区
  
• 图像标签：推荐用相对地址
  
• 超链接标签：
  
• 锚链接：可以跨页面跳转，应用广泛
  
  
• 功能性链接：这个也比较有意思，还可以用来QQ推广。邮件链接也挺有用，点击邮件链接会开启邮件软件。
  
• 行内元素 && 块元素
  
• 列表：有序 && 无序 && 自定义
  
  
• 表格标签：跨列 colspan，跨行 rowspan

5. 媒体元素

二. 网页结构与框架

1. 页面结构

• header、footer、section、nav 用得比较多，利于清晰化网页结构～
  

2. iframe 内联框架

• 页中页
  

3. 表单

• 注意点：get && post 的区别（安全性、能否传输大文件）
• 其实 post 也可通过 f12 来查看表单信息，因此实际上也没那么安全，但是可以再通过一些加密技术来避免这种情况。
• 表单验证会用到正则表达式，可以直接查询常用的正则表达式（比如邮件、用户名等）