一周学会HTML----Day03常用标签(下)
来源:互联网 发布:淘宝网袜子批发厂家 编辑:程序博客网 时间:2024/06/16 13:21
form 标签 表单(重要)
表单用途用于收集用户信息,提交给服务器
基本使用
(action,method,enctype)
要提交的表单必须放到form里
input select textarea 这三种标签可以提交数据
action:提交地址,应该是服务器的一个页面method:提交方法:get/post 了解input delete link unlinkenctype: 文件上传的时候用 multipart/form-data(了解)__get和post的区别__ 1) get通过url传参,地址栏可见,大小有限制 2)post在header传参,地址栏不可见,大小没有限制
<form action='xxx.html method='get' >
属性:
input属性(type\name\value\readonly\disabled)
name 提交的时候必须要有namereadonly :只读,不能修改value:默认值disabled:禁止使用,也不能修改,背景变灰
单行文本框(maxlength\placehoder\size)
type='text' maxlength:最大输入的字符长度placeholder:占位符size 输入框宽度(跟字数无关)
提交/重置按钮
提交type='submit' 把数据提交到服务器,本身有name,也可以提交重置type='reset' 清空用户输入,恢复初始状态value 设置value可以修改按钮上的文字
密码框(同单行文本框)type='password'
单选框(checked)
多选一的时候各个单选框的name一样必须要有valuechecked 默认选中
复选框(checkbox)
type='checkbox' 多个复选框的时候,每一个复选框的name = 'xxx[]'必须给value的赋值checked默认选中,可以多个
文件上传
type='file' 必须使用post方式上传
隐藏按钮(hidden)
用来上传数据,但不可见,后端根据数据做相应的业务处理
必须给name和value赋值(重要)
button(了解)
type='button' 和js配合使用才有用
下拉框 select(size,name,multiple)
size指定展示的项数,以列表框展示
multiple 多选
option(selected,value)
selected 默认选中,要设置value的值
多行文本输入框textarea(cols,rows)
双标签,但中间不要有任何内容,否则会在输入框中显示
cols 列数
rows 行数
label
双标签,可以提高用户体验,可以扩大选择区域
内容
<form action='http://www.baidu.com' method='get'> <input type='text' size='40' maxlength='4' readonly disabled name='text' value='this is a text' placeholder='text'/> <input type='radio' name='danxuan' value='dx' checked > <input type='password' minlength='2' maxlength='8' size='40' name='pwd' value='0000'/> <input type='submit'/> <input type='reset'/> <input type='checkbox' name='arr[]'value='0'/> <input type='file'/> <input type='button' value='按钮'/> <input type='hidden' name='hidden' value='hid'/> <!-- 相当于submit --> <button>按钮</button> <select name='xl' multiple size='10'> <option selected value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> </select> <textarea cols='10' rows='20'></form>
头元素标签
1)链接外部的css样式<link rel="stylesheet" href="css/global.css">
2)堆积网站关键字,用来提高网站的排名<meta name="keywords" content=“关键字”>
3)网站的描述信息<meta name="description" content="描述信息">
4)页面自动跳转<meta http-equiv="refresh" content="事件间隔";url="跳转地址">
无意义标签
- div:无意义的块标签,单独占一行
- span:无意义行标签,大小有内容决定,不单独占一行
拓展:
我们假设请求www.baidu.com,其实我们的请求体百度服务器是通过三段发给我们的:
- 状态码 (200 成功 )
- 头 发送了很多文件编码、文件类型等
- 内容 就是我们写的页面内容
黑帽SEO
是使用一切不正当的手段,了解搜索引擎的特别,使用相关办法把排名排上去。这样容易被搜索引擎降权(排名靠后)、K站(在搜索引擎当中剔除掉你的搜索内容)。
白帽SEO
使用搜索引擎友好的方式,来进行排名提高
抓取(follow) 就是将当前页面的内容给抓取到,入库
索引(index) 就是访问的当前面面,还会有其他链接,是否准许连接到其他页面
搜索引擎:
给用户看的 前面的结果展示
搜索引擎公司内部使用的:
蜘蛛(抓取网页)
入库
分类
中文分词
人工干预
机器学习
.........
通常公司内部的网站,内部系统,不希望搜索引擎抓取,设置robots.txt,
user-agent:*
Disallow:/
Robots协议百度百科地址
http://baike.baidu.com/view/9274458.htm?fr=aladdin&fromid=9518761&fromtitle=robots.txt&type=search
缓存(cache):
把需要访问的内容临时存起来,
- 一周学会HTML----Day03常用标签(下)
- 一周学会HTML----Day02常用标签(上)
- HTML之一天学会html(常用标签+网页架构)
- HTML常用标签介绍(下)
- HTML标签常用标签
- Html标签2---常用标签
- HTML常用标签说明
- 常用HTML标签.备查
- HTML常用标签整理
- 常用HTML标签
- html的常用标签
- HTML 常用标签
- HTML常用标签
- Html中的常用标签
- html常用标签
- HTML常用标签
- html常用标签
- html常用标签
- SEO优化---10分钟学会建立高转化率的网站关键词库
- 【LEAP】树列表自定义向右边模型传值-非loadMoudle2
- [数据结构]02-线性结构2 一元多项式的乘法与加法运算
- Android开发常见内存泄露--非静态内部类引起的内存泄露
- 一周学会HTML----Day02常用标签(上)
- 一周学会HTML----Day03常用标签(下)
- Leetcode2——Add Two Numbers
- HTTP状态码详解
- pandas pivot_table() 按日期分多列数据
- 说说 Hibernate 领域模型与库表结构设计
- MySQL数据库优化的八种方式(经典必看)
- 微信公众号上传图片
- 积累 ---- PHP可能会遇到的面试题
- String、StringBuffer与StringBuilder的区别