HTML学习随笔

表头<head>

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

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

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

如:<meta http-equiv=”refresh” content=”3”;url=http://sina.com.cn” /> 设置3秒自动刷新

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


表单<form>

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

<input>的type属性

  1. text:文本框服务器

  2. password:密码框框架

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

  4. checkbox:复选框post

  5. file:文件选择网站

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

  7. botton:按钮组件。默认没有效果,能够经过注册事件并加入自定义效果

  8. submie:提交按钮

  9. reset:重置按钮

  10. image:图像组件。能够经过image的src属性链接一个按钮图片代替submit

下垃菜单<select>

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

<select> <option></option> <option></option> </select>

文本区域<textarea>


表格<table>

<table> <tbody> <tr> <td></td> <td></td> </tr> </tbody> </table>

超连接<a>

<a href="http://www.sina.com.cn" target="_blank"&gt; 新浪网站<a>

http:为解析程序,即便用http协议解析连接。设置target属性,在新窗口打开连接

<a href="mailto:abc@163.com?subject=haha&cc=qq@163.com" > 联系咱们 </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快捷键,焦点也会到了文本框内

    <label acdessky=”u” for=”userid”> <tr> <td> 用户名(U):</td> <td> <input type=”text” name=”user” id=”userid” /></td> </tr> </label>
  2. 书写连接地址时,必须避免重定向,例如:href="http://sina.com/",即须在URL地址后面加上"/"
  3. 在页面中尽可能避免使用style属性,即style="..."
  4. 必须为含有描述性的表单元素(input,textarea)添加label。

    <p> <label for=”name”>姓名:</label> <input type=”text” id=”name” /> </p>
  5. 能以背景形式呈现的图片,尽可能写入CSS样式中
  6. 重要图片必须加上alt属性
  7. class和id的使用:id是惟一的并是父级的,class是能够重复的并是子级的,因此id仅使用在大的模块上,class可用在重复使用率高及子级中。id原则上都是由分发框架文件时命名的,为javaScript预留钩子的除外。
  8. 为javaScript预留钩子的命名,请以js_起始,好比: js _show、js _hide。

over!

相关文章
相关标签/搜索