博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML学习随笔
阅读量:5303 次
发布时间:2019-06-14

本文共 1543 字,大约阅读时间需要 5 分钟。

表头<head>

<title> 浏览器标题栏显示的内容

<base> 有href和target属性,href指定网页中所有超链接的基本目录,target指定打开超链接的方式,如_blank为在新窗口中打开

<meta> name网页的描述信息,可以设置网页搜索的关键字keywords。http-equiv可以设置自动刷新

如:
设置3秒自动刷新

<link> rel属性:描述目标文档与当前文档的关系,type:文档类型,media:目标文档在哪种设备上起作用,如显示器或打印机


表单<form>

用来与服务端进行交互,意味着只要不和服务端交互就不需要form标签

<input>的type属性

  1. text:文本框

  2. password:密码框

  3. radio:单选框,需要指定同一组(即name值相同)

  4. checkbox:复选框

  5. hidden:隐藏组件。不会在页面上显示,但其定义的name和value可以提交给服务器

  6. botton:按钮组件。默认没有效果,可以通过注册事件并加入自定义效果

  7. submie:提交按钮

  8. reset:重置按钮

  9. image:图像组件。可以通过image的src属性连接一个按钮图片代替submit

下垃菜单<select>

每一个下拉菜单项都由option进行封装

文本区域<textarea>


表格<table>

超链接<a>

当点击超链接时,就会出现邮件相关联的解析程序,本机默认的是outlook.

链接讯雷的解析程序可以自己百度,这里就不说了。


form标签常见属性

action

method(get和post)

get和post区别:

get会将提交的数据显示在浏览器的地址栏上,post则不会

get提交的数据的体积受地址栏的限制(即不能超过地址栏的长度),post没有这种限制

get对于敏感信息不安全(如用户名和密码),post安全

get会将提交的信息封装在请求行,即http消息头之前,post会将提交信息封装在数据何体中,即http消息头之后的空行后

对于服务器来说:

表单form提交数据尽量用post,因为涉及到编码问题。tomcat服务端默认的解码是ISO8859-1

对于post提交的中文,在服务端可以直接使用setCharacterEncoding("gbk")就可以解决。而对于get提交的中文,在服务端只能通过ISO8859-1将数据编码一次,再通过指定的码表(如GBK)解码。


其他

  1. <label>标签:当点击用户名这栏时(不是点击文本框)或按Ctrl+u快捷键,焦点也会到了文本框内

  2. 书写链接地址时,必须避免重定向,例如:href="",即须在URL地址后面加上"/"
  3. 在页面中尽量避免使用style属性,即style="..."
  4. 必须为含有描述性的表单元素(input,textarea)添加label。

  5. 能以背景形式呈现的图片,尽量写入CSS样式中
  6. 重要图片必须加上alt属性
  7. class和id的使用:id是唯一的并是父级的,class是可以重复的并是子级的,所以id仅使用在大的模块上,class可用在重复使用率高及子级中。id原则上都是由分发框架文件时命名的,为javaScript预留钩子的除外。
  8. 为javaScript预留钩子的命名,请以js_起始,比如: js _show、js _hide。

over!

转载于:https://www.cnblogs.com/Stone-Yuan/p/7391139.html

你可能感兴趣的文章
删除文本文件行号的小方法(shell,sed)
查看>>
Boyer-Moore字符串查找算法的实现
查看>>
pandas.to_datetime() 只保留【年-月-日】
查看>>
org.apache.flume.FlumeException: NettyAvroRpcClient { host: xxx.xxx.xxx.xxx, port: 41100 }: RPC
查看>>
Composer学习之————Ubuntu14.04下安装Composer
查看>>
WorkerMan 入门学习之(三)基础教程-Timer类的使用
查看>>
pthreads 2.0.10 test
查看>>
iOS不显示状态栏(电池和信号栏)
查看>>
整理LVS架构压力测试工作
查看>>
信息安全导论-密码技术部分-读书笔记-1
查看>>
读书笔记-操作系统教程- 处理机管理-2
查看>>
判断回文联
查看>>
【转】什么是编码?
查看>>
PAT 1138 Postorder Traversal [比较]
查看>>
1. Two Sum
查看>>
C++语言-03-类与对象
查看>>
字符串小结1
查看>>
Kth Ancestor 第k个祖先问题
查看>>
把数组排成最小的数
查看>>
代码优先-Code First
查看>>