html 小知识点记录

https://learn.freecodecamp.org/responsive-web-design/

1.<!--HTML的注释方式-->2

2.<a href="#contacts-header">Contacts</a>

...

<h2 id="contacts-header">Contacts</h2>

页面内的跳转 href属性的值写为#id，同时 target = "_blank"应该取消。_blank表示在一个新的页面打开内容

3. <p>Click here to view more <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>.</p>

嵌套标签a，是a标签可以进行跳转，同时a标签会出现不同的颜色

4. a标签内使用#表示一个死标签，这种操作可以为以后的JS动态修改连接内容提供便利

<a href = "#",target = "_blank></a>

5.ul(unorder list)  li (list)    ul标签用来穿件一个无序列表，其内部可以有多个li标签表示逐个列表.无序列表前面显示的默认图标是一个黑色的实心圆。

ol表示有序列表，有序列表前默认显示的图标是数字

6.input元素，接受用户的输入，自关闭标签<input type="text placeholder="this is a placeholder">   这个属性支持性右问题，IE10上才支持，提醒我们在练习的时候资料可能比较老。同时自管壁标签现在的写法是<input type="text"/>

7.form 表单  主要用来以纯HTML的文本形式来提交用户输入的内容到指定的server，action 后面跟的是目标的server。提交的内容在内部的input标签内书写，最后以button按钮进行提交.

<input type="submit" value="1"/>还可以使用这种形式提交，value中的值表示按钮显示给用户的内容

如果FORM 表单内的input 标签写有required 字样，则表示次input为必添加内容，如果内容为空或者默认时，无法提交

8.单选标签 但需要用户在多个选项中只选择唯一选项的时候，如性别，家乡等情况的时候，可以通过设置input标签的type属性为radio，通过name属性建立一个radio组，在具有相同name属性的radio组中，当用户选择其中的一个的时候，则其radio组中的其他成员自动取消。

同时label标签的for属性可以用来嵌套input标签，通过label标签的for属性和input标签的id属性使两者之间建立关联。（暂时不知道有什么大用处）

9.多选标签 同样为input 标签，type属性设置为checkbox，name属性可以规定组，但是没有意义，提交到后端的内容究竟是什么呢？

查看W3C网校的value可以得知，form表单中提交的内容主要源自于value的值，但是在input标签中，value的值含义并不相同

type="button", "reset", "submit" - 定义按钮上的显示的文本

type="text", "password", "hidden" - 定义输入字段的初始值

type="checkbox", "radio", "image" - 定义与输入相关联的值 （同时需要注意checkbox radio 必须出示话value的值，如果没有初始化value的值，则相当于没有值，其实在form表单中提交内容就是空）

10.check属性的应用：就是在用户回答之前给一个初始化的默认值，如性别的男女，省份，爱好，在radio和checkbox均可以使用