首页 > 代码库 > HTML(2)

HTML(2)

  • 字符集  

      为什么要有字符集,是因为计算机只能处理二进制数据,为了让计算机能够识别人类的语言(0-9、a-z、A-Z、特殊符号),我们就需要对每一个字符进行"编码"

所谓"编码"就是:每一个字符用不同的二进制数表示;                      

  ASCLL编码:用一个字节(8位二进制)来表示字符,共可以显示256

  ANSI编码: ASCLL编码的扩展  用于显示本国的语言  

            在中文操作系统  gb2312  用两个字节(16个二进制) ,共可以表示2^16个字符

            繁体操作系统   big5 

  GBK编码: 对gb2312进行扩充,收录了一些冷门字,罕见字,古汉语.......

  Unicode编码:计划将世界所有字符收录,用4个字节(32位二进制)表示一个字符

  UTF-8编码:(多国语言编码)  不同的字符,会自动选择合适的编码来进行翻译

 

  • Meta标签

  描述网页文档属性

    http-equiv  模拟的是http文件头信息,当内容从服务器端发送给客户端,告诉浏览器如何正确显示网页信息

        字符集:  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 多国语言  

        网页自动刷新:  <meta http-equiv="refresh" content="4"/> 间隔4秒网页自动刷新

                <meta http-equiv="refresh"  content="5;http://www.baidu.com"/> 等待5秒自动跳转到百度页面

        Name(设置网页的关键字,描述信息等): <meta name="keywords" content="关键字"> 便于搜索引擎的需要

                           <meta name="description" content="网站的描述信息"> 便于搜索引擎的需要

                           <meta name="author" content="网站作者">

  • 表单     

  可以获取客户端的信息(数据),表单有各种各样的控件,输入框、复选框、按钮等等 

  表单的功能: 交互功能

  表单的工作原理:

          浏览有表单的页面,填写必要的信息,然后单击某个提交按钮;  

          对表单中的数据进行验证,如果不符合制定的要求,提示验证未通过,

                      如果符合相应的要求,把数据提交到服务器端,数据放入数据库中 

             

  表单分为前台的制作页面,后台php对数据的处理,数据的增加、删除、修改、查询等

 

表单的结构 

  <form 属性="属性值">

        控件

  </form>

表单的属性

  表单的识别名称  name   <form name="自定义名称"></form>  一个页面有多处表单时,通过表单名区分你提交的是哪一个表单的数据

  提交页面     action  <form action="XXX.php"></form>  将数据提交到数据处理程序  值为空时,提交到当前页面

  提交方法     method <form method=""></form>    传递数据的方法  取值有  get  和   post                                                 

       get方法  默认的一种数据传递方法                                                                                                                      

              通过地址栏来传递表单中的数据(安全性不高)                    

        特点:    不能传递敏感的数据  密码之类的

             不能传递大量的数据,每次只能传递1024个字节

             不能传递附件                 

       post方法   不通过地址栏传递信息,直接传给后台处理程序(相对安全) 

             可以传递海量数据                                   

             可以传递附件         

  • 控件

  单行文本框(单标签,行内标签)

    语法  <input type="text"  />

    属性  name="自定义名称"   单行文本框的识别名称,把输入框中的数据,提交到文件的处理程序 

        size="数值"         输入框的宽度,以字符为单位

        maxlength="数值"     最多允许输入的字符数

        value="http://www.mamicode.com/内容"       设置输入框的初始值,在输入框中默认的数据信息     

  密码框

    语法  <input  type="password"  />

    属性   name             密码框的识别名称

         size               密码框的宽度,以字符为单位

         maxlength           允许输入的最大字符数

         value             初始值  

         readonly="readonly"      只读属性,只能选中,不能修改(不常用)

         disabled           禁止属性,不可选中,不可更改       

  单选按钮

    语法  <input type="radio"      />

    属性  name           单选按钮组的识别名称

        value           设置初始值

  复选框

     语法  <input type="checkbox"  />

   属性  name        多选按钮组的识别名称

       value        设置每一项的初始值

       checked        默认被选中

  多行文本框

   语法   <textarea></textarea> 

   属性    name             多行文本框的识别名称

         value           不要出现value,如果要显示默认信息,在<textarea></textarea>直接输入

         rows            显示多少行内容

         cols             一行显示多少个字符  

  下拉列表

    语法  <select>

          <option>给客户显示的信息</option>

          <option>给客户显示的信息</option>

           .......

        </select>     

    属性    name    下拉列表的识别名称

          value    代表每一项的初始值

  隐藏域      隐藏起来不是给客户看,是给程序用的

    语法    <input type="hidden" name="自定名称"    />   通常不设置value   

  文件域

    语法    <input  type="file"   />

    属性    name    文件域的识别名称

          value    不写value,而是通过单击按钮来选择文件,选择的文件就是value值

                 value是只读属性

  按钮

    提交按钮  <input type="submit"   value="http://www.mamicode.com/按钮上的文字"/>

    图片按钮(属于提交按钮的一种)   <input type="image" src="http://www.mamicode.com/图片的地址" />

    重置按钮  <input type="reset"    value="http://www.mamicode.com/按钮上的文字"/>    恢复到默认设置的状态

    普通按钮  <input type="button"  value="http://www.mamicode.com/按钮上的文字"/>  本身没有任何功能,必须结合程序构成功能

 

 

  • Xhtml(可扩展的超文本标记语言)---取代 html(pc机)---面向当今的移动端设备

   语法(xhtml的语法比html严格)      

      xhtml输入的标签和属性必须是小写

      xhtml单标签后必须加  /

      xhtml属性必须用双引号  

      xhtml必须有DTD(文档类型定义)

  DTD(document  type  definition)文档类型定义,是一种验证机制,检验输入的xhtml是否符合规范

      DTD的分类

        过渡型xhtml-transitional: 允许使用表现的标签和属性    如<b>  <u>  <i>          

        严格型xhtml-strict:   不允许使用表现的标签和属性   必须使用css来实现                        

        框架型xhtml-frameset: 给框架用                               

 

HTML(2)