HTML笔记(从w3school学习)(四)

52. HTML <head> 元素

      <head> 元素是所有头部元素的容器。

      以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

      1)  HTML <title> 元素:定义文档的标题

            Title 元素在所有 HTML/XHTML文档中都是必需的。

            Title 元素能够:
            定义浏览器工具栏中的标题
            提供页面被添加到收藏夹时显示的标题
            显示在搜索引擎结果中的页面标题
        2)    HTML <base> 元素
               <base> 标签为页面上的所有链接规定默认地址或默认目标(target):

              

        3)  HTML <link> 元素

             <link> 标签定义文档与外部资源之间的关系。
             <link> 标签最常用语连接样式表:

             

        4) HTML <style> 元素

            <style> 标签用于为HTML文档定义样式信息。
            您可以在style元素内规定HTML元素在浏览器中呈现的样式:

           

         5) HTML <meta> 元素  

             元数据(metadata) 是关于数据的信息。
             <meta>标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。

             典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
             <meta>标签始终位于 head元素中。
             元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

             针对搜索引擎的关键词
             一些搜索引擎会利用meta元素的name 和 content 属性来索引您的页面。
            下面的meta元素定义页面的关键词:

             

            下面的meta元素定义页面的关键词:

             

             Name content属性的作用是描述页面的内容。

53.  HTML实体字符

       http://www.w3school.com.cn/tags/html_ref_entities.html

54. URL 编码会将字符转换为可通过因特网传输的格式。

      1) URL – 统一资源定位器
           Web 浏览器通过URL从 web 服务器请求页面。
           URL是网页地址,比如:http://www.w3school.com.cn
       2) URL 编码
           URL 只能使用 ASCII字符集来通过因特网进行发送。
           由于URL常常会包含ASCII集合之外的字符,URL必须转换为有效的ASCII格式。
           URL编码使用 ”%” 其后跟随两位的十六进制数来替换非 ASCII字符。
           URL不能包含空格。URL编码通常使用 + 来替换空格。

55. <!DOCTYPE> 声明帮助浏览器正确的显示网页。

       Web世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档HTML也有多个不同的版本,

       只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面。

      这就是<!DOCTYPE>的用处。


      <!DOCTYPE>不是HTML标签。它为浏览器提供一项信息(声明),即HTML是用什么版本编写的。

56. HTML表单用于搜集不同类型的用户输入。

      1) <form> 元素:HTML表单用于收集用户输入。
      2) HTML 表单包含表单元素
          表单元素指的是不同类型的input 元素、复选框、单选按钮、提交按钮等。
      3) <input> 元素
         <input> 元素是最重要的表单元素。
         <input> 元素有很多形态,根据不同的type属性。比如:

         

           <input type=”text/radio/submit”> (文本、单选框、提交)

      4) Action属性
          Action属性定义在提交表单时执行的动作。
          向服务器提交表单的通常做法是使用提交按钮。
          通常,表单会被提交到web服务器上的网页。
          <form action="action_page.php">
                 如果省略 action 属性,则action会被设置为当前页面。
      5) Method 属性
          Method 属性规定在提交表单时所用的HTTP方法(GET 或 POST)
            <form action="action_page.php" method="GET">
      6) Name 属性
          如果要正确地被提交,每个输入字段必须设置一个name属性。
      7) 用<fieldset>组合表单数据
          <fieldset>元素组合表单中的相关数据
          <legend>元素为<fiedset>元素定义标题

         

      8) <select> 元素 (下拉列表)

          

       <option>元素定义待选择的选项。
       列表通常会把首个选项显示为被选选项。
       能够通过添加selected 属性来定义预定义选项。

      9) <textarea>元素 定义多行输入字段(文本域)

         

       10) <button> 元素:定义可点击的按钮

          

       11) HTML5 <datalist> 元素

            <datalist> 元素为<input>元素规定预定义选项列表。
           用户会在他们输入数据时看到预定义选项的下拉列表。
           <input>元素的list属性必须引用<datalist>元素的id属性。
           如:通过<datalist>设置预定义值得<input>元素:

           

57. <input> 属性

     1) Value 属性 --- 规定输入字段的初始值
     2) Readonly 属性 --- 规定输入字段为只读(不能修改)
     3) Disabled属性 --- 规定输入字段是禁用的(被禁用的元素是不可用和不可点击)
         被禁用的元素不会被提交
     4) Size属性 – 规定输入字段的尺寸(以字符计)
     5) Maxlength属性 – 规定输入字段允许的最大长度
         如设置maxlength属性,则输入控件不会接受超过所允许数的字符。
         该属性不会提供任何反馈。

-----------------------以下为HTML5新增属性---------------------

     6) Autocomplete属性 – 规定表单或输入字段是否应该自动完成
       当自动完成开启,浏览器会基于用户之前的输入值自动填写值。
       该属性适用于<form>以及如下<input>类型:text、search、url、tel、Email、password、datepickers、range以及color。

     7) Novalidate属性 – 属于<form>属性
         如果设置,则novalidate规定在提交表单时不对表单数据进行验证。

     8) Autofocus 属性 – 是布尔属性
         如果设置,则规定当页面加载时,<input>元素应该自动获得焦点。

      9) Form属性 – 规定<input>元素所属的一个或多个表单
          提示:如需引用一个以上的表单,请使用空格分隔的表单id列表
          如:

           

       10) Formaction属性 – 规定当提交表单时处理该输入控件的文件的URL。

            该属性覆盖 <form> 元素的action属性。
            该属性适用于type=”submit”以及type=”image”。
            如:拥有两个两个提交按钮并对于不同动作的 HTML 表单:

           

       11) Fromenctype属性

             该属性规定当把表单数据(form-data)提交至服务器时如何对其进行编码(仅针对method=”post”的表单)。
             该属性覆盖<form>元素的enctype属性。
             Formenctype属性适用于type=”submit”以及type=”image”。
             如:发送默认编码以及编码为 "multipart/form-data"(第二个提交按钮)的表单数据(form-data):

              

        12)Formmethod属性

              该属性定义用以向 action URL 发送表单数据(form-data)的HTTP方法。
              该属性覆盖<form>元素的method属性。
              Formenctype属性适用于type=”submit”以及type=”image”。
             如:第二个提交按钮覆盖表单的 HTTP 方法: 

             

        13) Formnovalidate属性 – 布尔属性

             如果设置,则规定在提交表单时不对<input>元素进行验证。
            该属性覆盖<form>元素的novalidate属性。
            该属性可用于type=”submit”。
            如:拥有两个提交按钮的表单(验证和不验证):

           

       14) Formtarget属性

             该属性规定的名称或关键词指示提交表单后在何处显示接收到的响应。
             该属性会覆盖<form>元素的target属性。
             该属性可与type=”submit” 和 type=”image”使用。
             如:这个表单有两个提交按钮,对应不同的目标窗口:

             

         15) Height 和 width属性

               该属性规定<input>元素的高度和宽度。仅用于<input type=”image”>。
               注释:请始终规定图像的尺寸。如果浏览器不清楚图像尺寸,则页面会在图像加载时闪烁。

         16) List 属性

               该属性引用的<datalist>元素中包含了<input>元素的预定义选项。
               如:使用 <datalist> 设置预定义值的 <input> 元素:

               

          17) Min 和 max 属性

                min 和 max 属性规定 <input> 元素的最小值和最大值。
                min 和 max 属性适用于如需输入类型:number、range、date、datetime、datetime-local、month、time 以及 week。
                如:接受多个值的文件上传字段:

                

            18) Pattern 属性

                  该属性规定用于检查 <input> 元素值的正则表达式。
                  该属性适用于以下输入类型:text、search、url、tel、email、and password.
                  提示:请使用全局的 title 属性对模式进行描述以帮助用户。

             19) Placeholder属性
                  该属性规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。
                  该提示会在用户输入值之前显示在输入字段中。
                  适用于以下输入类型:text、search、url、tel、email 以及 password。
             20) Required属性 – 是布尔属性
                  如果设置,则规定在提交表单之前必须填写输入字段。
                  适用于以下输入类型:text、search、url、tel、email、password、datePicker、number、checkbox、radio、

                  and file。


             21) Step属性
                  该属性规定<input> 元素的合法数字间隔。
                  示例:如果step=”3”,则合法数字应该是-3、0、3、6等等。
                  提示:step 属性可与 max 以及 min 属性一同使用,来创建合法值的范围。
                  step 属性适用于以下输入类型:number、range、date、datetime、datetime-local、month、time 以及 week。

猜你喜欢

转载自blog.csdn.net/huanhuan8944172/article/details/88173342
今日推荐