HTML，标签，表单

 1、<a href=""></a>标签的功能：

            （1）、有下载功能，并且传入的文件必须是压缩文件。

            （2）、浏览图片，href中传入图片路径就可查看图片。

            （3）、锚点定位功能：<a href="#"></a>

                            <p id="#"></p>

                            点击锚点就可跳到<p></p>节点处。

        2、图像标签：<img src="" alt="">

            （1）、src可以发起网络请求，可以连接网络资源图片，也可放入本地图片路径。

            （2）、alt表示当这个图片加载失败时显示的内容。

            （3）、<img src="" alt="">标签自带width（宽度）、height（高度）设置。

        3、常用的转译字符

            （1）、空格：&nbsp;

            （2）、大于符号：&gt;

            （3）、小于符号：&lt;

        4、表单：

            （1）、表单标签：<form action="" method=""></form>

                a、action可发起请求，并发送给后端，规定当提交表单时，向何处发送表单数据。

                b、method表示连接后端的方式，一般使用的有get或post两种方式，如果采用 POST 方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。在服务器端，一旦 POST 样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。另一种情况是采用 GET 方法，这时浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。简而言之，就是post方法更加保密，get方法只适用于不需要保密的简单表单跳转。

            （2）、表单控件

                A、input控件

                    a、提交：<input type="submit" value="">

                    b、文本输入：<input type="text" name="">,它通过name来传值。

                    c、密码输入框：<input type="password" name="" id="">,密码字段字符不会明文显示，而是以星号或圆点替代。

                    d、按钮：<input type="button" value="">

                    e、提交文件：<input type="file" name="" id="">

                    f、图像按钮：<input type="image" src="" alt="">,当写在表单标签时，等同于提交按钮。

                    g、重置表单：<input type="reset" value="">,要写在<form action=""></form>表单里，才能起作用。

                    h、单选和多选：<input type="radio" name="" id="">单选，<input type="checkbox" name="" id="">多选，value是用于传值的，单选中要使用相同的name才可以实现单选的功能。

                B、文本域：<textarea name="" id="" cols="30" rows="10"></textarea>,禁止textarea拉伸： `style="resize:none"` ,cols="每行中的字符数", rows="显示的行数"。

                C、<label for=""></label>标签：，<label> </label>>标签为 input 元素定义标注（标记）。用label直接包裹input，就可以实现，如果label里面有多个表单元素，想定位到某个元素，可以通过for 、 id的格式来操作。如下：

                    <label for="name">名 字：</label>

                    <input type="text" id="name">

                D、下拉菜单：<select name="" id=""><option value=""></option></select>,在<option value=""></option>里面设置selected可以设置为默认项。

        5、前端SEO优化：搜索引擎优化

            （1）、<title></title>:title，就是浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到(搜索引擎在抓取网页时，最先读取的就是网页标题，所以title是否正确设置极其重要)，title一般不超过80个字符，而且词语间要用英文"-"隔开,因为计算机只对英文的敏感性较高，对汉语的敏感性不高。

            （2）、<meta name="description" content="你网页的简述">，首页description写法，一般是讲首页的标题、关键字和一些特殊目的的内容融合到里面，写成简单的介绍。文章页keywords写法，建议提取文章中的关键字。

            （3）、<meta name="keywords" content="关键字1,关键字2,关键字3,关键字4">，首页keywords写法，一般是"网站名称,主要栏目名,主要关键字"。