HTML知识点总结

HTML

什么是HTML

理解HTML本质是超文本标记语言，能表现如文字、视频、音频、程序等复杂元素。

什么是标签

理解什么是标签，标签对的组成：标签名、属性（名值对）、内容

属性类似是给这个标签的内容加了装备，让其具有一些特殊的能力

1

例如：<a href="www.baidu.com">百度</a>

重要标签说明

• 表格标签 <table> 
  thead tr th 
  tbody tr td

  建议定义表格的时候，把thead和tbody都描述出来。

---

• 表单标签 <form> 
  action:submit操作执行的请求地址 
  method:指定请求的类型 get/post

1. form表单提交是不一定要通过submit操作的，可以通过AJAX请求序列化表单的方式完成表单数据的提交。（AJAX序列化就是将form中的数据构建为名值对的字符串统一的提交到后台）
2. 通过form表单提交和AJAX请求方式提交数据是两个原理完全不一样的设计方式。

---

• 表单元素标签 
  通过submit操作，浏览器会把表单元素的数据以名值对的方式提交给服务器。 
  <input> : type(text,password,radio,checkbox,hidden) 
  <select> <textarea>

  关于select如何在JS中获取选中的值和选中的文本内容，在提交数据的时候，默认只会将select中选中option的value值传递过去。 
  form是个什么概念？在Web编程中，可以把form理解为一个数据集合（组），我们把一组数据包裹在form统一提交后后台进行业务逻辑处理，在一个页面中可以有多个form存在。 
  但是在AJAX请求中，可以不要求有form的存在

---

标签的语义

H1/H2/H3 表现大纲级别 
div/span/p 表现布局

使用带语义的标签可以让搜索引擎快速的进行收录 
虽然不同的标签也许能达到同样的显示效果，但是强烈建议使用语义化标签+CSS样式去控制

关于浏览器

浏览器就是能解析Html、CSS、JavaScript、图片、音视频等内容的运行环境。 
我们一般说的浏览器是指包括：IE/Firefox/Chrome/Opera等等，其中Firefox/Chorme我们称为标准浏览器，最符合W3C组织定义的相关技术规范。

如果没有一个规范定义，为了迎合不同厂商的浏览器，程序员将为此付出沉重的代价。但是级别如此，不同的浏览器之间还是有些细微的差异的，这个一般是前端开发要注意的问题，要考虑浏览器的兼容性。 
我们一般使用的360、搜狗都是基于某个浏览器内核深度改造的。

[========]

CSS

层叠样式表：元素样式可以通过多种方式进行叠加

本身HTML元素是不具备样式的，但是在不定义样式的情况，不同的标签也能表现不同的显示样式，原因是浏览器对于不同的标签是有个默认样式的。

如何书写定义元素样式

在开发过程中，一般都是通过外链的样式表去定义页面的样式，降低代码之间的耦合，让美工专心的去做页面。 
简单的理解就是，可以让不同在人不在同一个页面修改文件，自己关心自己的工作。

需要掌握的内容

• DIV+CSS布局基础，充分理解盒子模型
• 样式选择器：ID(#) Class(.) 标签(A DIV SPAN)

[========]