HTML
-
h标签
- <h1>标签在一个网页中只允许出现一次
- <h1>标签一般用来包裹logo
- h标签和p标签不能嵌套块级元素，所有不是所有的块元素都能够嵌套块元素
- h标签对搜索引擎友好，爬虫会优先找h标签里的内容
-
meta标签
-
<meta charset="UTF-8">该属性表示html文档解析的格式， UTF-8 是万国码，可以解析多个国家的语言，所以不会出现乱码
-
-
span标签
- span标签主要用来修改行内文本的样式
- <em> <strong> <var>与<b> <i> <u>
- <em>与<strong>都表示强调内容部分，搜索引擎会优先查询，所以此中内容应贴合主题
- <var>标签用来嵌套变量，无强调作用，且无实际意义
- <b><i><u>只会改变文本样式，分别为加粗，斜体，下划线。<i>常用来包裹小图标
-
a标签
-
<a href="http://www.baidu.com">a标签的href属性表示引用内容中的地址，并不会下载到本地 -
<a target="_blank">a标签的target属性表示，点击a标签后链接的跳转方式，_blank表示打开新的页面，是_self表示在当前页面替换 -
<a title="我是链接">title属性会在鼠标悬浮时显示其中的内容
-
-
http、https、ftp、file
- http与https 都是网络协议，https使用需要申请证书，且需付费，经过加密，比http安全
- ftp 局域网文件传输
- file 本地文件
-
锚链接
-
<a href="#id">，使用时将需要跳转的部分使用id选择器选择，点击后即可跳转
-
-
<img>标签
- img标签为行内块元素
- 路径可以为网络或者本地地址
- 使用src属性若为网络地址则会将文件下载到本地，再次加载则会访问缓存
- alt属性，当图片未加载出来时对图片的说明，且对seo友好，alt中的内容尽量与图片切合
- title属性 当鼠标悬浮在图片上时对图片的街市
-
行内标签
1.在行内显示- 无法设置宽高，宽高被内容撑开
- 行内标签只能嵌套行内标签，除非手动设置display:block/inline-block
-
表单
- form表单的属性
-
<form action="http://www.baidu.com"></form>action属性内容为所提交的服务器地址 -
<form method="post/get">method表示数据的传输方式，post相比较get而已，所传输的数据多，相对安全，而get传输少量数据，数据可以在地址栏看到
-
- form表单的属性
-
控件 （提交时控件得有name和value属性，即键值对）
- 单行文本输入框 type="text"
- 密码框 type="password"
- 单选框 type="radio" 所有单选按钮的name必须一致
- 多选框 type="checkbox" 所有选项的name必须一致
- 隐藏域 type="hidden" 在页面中不可见，常用来做用户身份验证，来替代cookie
- 文件域 type="file" 用来上传文件 value值为选择的文件路径，不用设置默认值
- 按钮 type="button"
- 重置按钮 type="reset" 重置当前按钮所在的所有控件
- 提交按钮 type="submit" 提交当前按钮所在的表单
- 下拉菜单
<select> <option></option> </select>，下拉菜单的name写在select中，value写在option中 - 多行文本输入框
<textarea></textarea>可以用cols设置列数，row设置行数，即设置宽高，用css可以代替（推荐） - label标签的使用
- 用来关联输入框，即点击输入框前的输入内容后输入框也能获取到焦点
方法一： <label>用户名<input type="text"></label> 注意在方法一种 label标签不能书写for属性 方法二： <label for="username"><span>用户名</span></label> <input type="text"></input>
-
表格
<table></table>-
<caption></caption>表格的标题 -
<th></th>表头 -
<tr><td></td></tr>tr为行，td为列 - 给table标签设置border属性，会给所有的单元格全部设置上border，但是仅仅改变border的值，内部的单元格尺寸不会变
- 使用css的
border-collapse:collapse来合并单元格边框，即将两个相邻的边框合并成一条 - cellpadding 属性，控制单元格中内容与边框的距离
- cellspacing 属性，控制单元格与单元格之间的距离，即两个单元格边框之间的距离，若使用border-collapse:collapse 合并了单元格的边框之后则无效
- 使用colspan合并列，rowspan合并行，这两个都是td的属性，并不会将其他的单元格覆盖
- 使用表格模式布局时，若表格的内容部分过长，使用多个<tbody></tbody>包裹，将表格分段加载，若不分段则会等到所有的表格加载完毕才会显示，同样使用<thead><tfoot>包裹表格头部和尾部
-
seo搜索引擎优化
- 目的使网站的排名靠前
- 喂养爬虫
- 使用尽可能多的a标签，且为有效的a标签，跳转其他网站
- 提高网页的加载速度，优化页面让页面更快的显示完全，使爬虫在有限的时间内访问更多的内容
- 使用a链接其他网站时务必真实，不然会被删除排名
- SEM 付费排名，花钱买排名
- html代码seo优化
- 标签语义化，文字用span，段落用p，标题用h
- alt属性尽量书写符合主题
- 锚链接真实，不能写空链接
- 爬虫会查找的标签及属性<title> <strong> <hx> <em> alt属性
