zoukankan      html  css  js  c++  java
  • 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="内容"       设置输入框的初始值,在输入框中默认的数据信息     

      密码框

        语法  <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="按钮上的文字"/>

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

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

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

     

     

    • 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: 给框架用                               

     

  • 相关阅读:
    SpringMVC的ServletContext、根上下文和MVC上下文上分别有什么东西?
    HTTP2密码组黑名单
    How to create a self-signed SSL Certificate ...
    oracle数据库的数据字典视图,数据来自哪个(些)表?
    关于GnuPG的subkey(子密钥)的使用
    签名别人的公钥以及验证签名的公钥
    GnuPG高级指导(6)在其他电脑上启用“我的密钥”
    Spring框架Controller层(表现层)针对方法参数是Bean时HttpServletRequest绑定参数值问题解释
    Mysql only_full_group_by以及其他关于sql_mode原因报错详细解决方案
    Maven生成可以直接运行的jar包的多种方式
  • 原文地址:https://www.cnblogs.com/strive-for-life/p/6127152.html
Copyright © 2011-2022 走看看