软件测试3

1.web前端标准

1. html 结构标准
2. css 样式标准
3. js 行为标准

2.五大浏览器厂商

1. ie
2. 谷歌
3. 火狐
4. 苹果
5. 欧朋

注意：其他浏览器都是用的别人浏览器的技术，自己换了一套皮肤而已

3.HTML的定义

超文本标记语言

4.第一个HTML页面

1. 描述当前文件的版本信息， 如果没有详细说明4.0还是x1.0那就是5.0

2.html文件

3.网页的头部

4.utf-8是国际编码，如果不写，或者写成其他都会有问题

5.

6.我们自己写的所有代码都放在这里

注意：html文档不能正常识别回车和换行，只能使用特定代码来实现；标记，标签，节点，元素都是尖括号

5.标签语义化

在合适的地方用合适的标签（该放p就放p）

为什么要标签语义化：因为浏览器只认识标签，没有语音语调，所以表达的东西只能使用对应的标签来表示

标签语义化的好处：语义化做的好，可以让搜索引擎把你的网站排名更靠前

6.h和p标签

h有六个1到6一次变小，代表文章标题

p代表文章

7.bul和小伙伴

b代表加粗 strong也代表加粗，多了强调的语义

u代表下划线

i代表倾斜 em也代表倾斜，多了强调语义

s代表删除线 del也代表删除线 ，建议使用del代表s

注意：strong代表特别强调，一篇文章中不要出现多次，em代表一般强调，一篇文章可以出现多次

单标签 代表一个换行回车

8.img图片标签

img是一个单标签

注意：属性名=“属性值” 属性名=“属性值” ；空格不能丢，符号都要使用英文状态下，属性设置不分先后；宽高设置其中一个，另一个就等比例缩放

9.路径

相对，绝对路径

10.链接

文字

注意：如果要跳转到线上地址，必须加http://，本地文件直接写路径

空链接写法：1.### 2.javascript:; 3.javascript:void(0); 这三种都可以

锚点链接：点击之后可以跳转到页面的对应位置；给想跳转到的位置写一个id属性，a标签中的href属性写 #id的值

11.表单

所有用户输入的内容都要放在form标签中

action代表数据给的那个后台程序

method代表传输数据的方法 1.post（加密）2.get（不加密）

input代表输入框标签（单标签）；type类型决定这个输入框的类型；name属性代表这个输入框的名字；id代表输入框的id编号

value代表默认输入框（不符合用户体验，应该换成placeholder）

注意：placeholder属性ie低版本不兼容，但是我们实际工作中还要使用，因为渐进增强（随着浏览器版本的提升，效果越来越好），优雅降级（在高版本浏览器显示效果好的前提下，保证了低版本浏览器不错乱）

1.type=“text” 代表普通输入框

2.type=“password” 代表密码输入框