html文件以.html或者.htm作为后缀,全文不区分大小写,具有较高的容错性
浏览器有两个解析器,一个是标签解析器,一个是脚本解析器,其中标签解析器从上到下一行行的解析标签,当标签全部解析完毕后将结构和样式渲染到页面上
html:根标签,html和xml都只有一个根标签,其他标签都嵌套放在此标签内
lang:不是必写,表示此页面使用何种语言,与操作系统的语言进行对比,如果不同,则自动启用谷歌翻译
head:头信息,整个html中的编码,标签以及引入外部js,css都放在头信息处
<meta charset="UTF-8">:设置全文编码
iso-8859-1:最早的编码,不支持中文,国外软件大部分使用此编码
utf-8:互联网安全编码,完全支持中文,linux和unix等操作等操作系统
多使用此编码
gb2312:国标码测试版,此编码是我国自行研发,在iso-8859-1的基础上
修改而来,有2000多个中文生僻字无法支持
gbk:国标码完全版,完美支持中文,国内很多中文网站多使用此编码
windows系统默认使用此编码
<meta name = viewport content="width=device-width,initial-scale=1.0">设置全文打开时不进行缩放
title:设置全文标题
body 表示正文开始
header html5新,嵌套页眉标签
h1-h6 :共有六级标题,字体逐渐减小,自带换行,自动加粗
section html5新:用于放置正文主体部分
form:表单,通过各种表单项,将收集到的信息以(key=value)的形式储存提交到action设置的目的地,通常为后端
method:提交的方式,这里存在两种,get和post
get:速度快,安全性低下,通过浏览器地址栏传值,不支持中文,至多两千个字符
格式:?key=value&key=value
如果是链接提交,则一定是get
post:速度慢.安全性高,通过数据的消息体传值,在浏览器的控制台的network可以查看提交的值,没有大小限制,不支持中文
上传一定是post
label:通常嵌套一个表单项 for属性对应表单中的id项
单行文本输入框:text
name:表示提交键值对的键 随便写
value:表示提交键值对的值,但是注意,这个值就是用户填写的
内容,一般我们不去设置
placeholder:不填写时显示的文本
autocomplete:默认为on 设置off之后关闭此功能
提高安全性
required:表示此表单项必须填写,不写不行
minlength:最小长度 争议
maxlength:最大长度 争议
以上两个不推荐使用
autofocus:自动获取焦点 争议
id:表示表单项的唯一标识对应label将表单项与文字绑定在一起
注意元素中id属性全文唯一
随便写的不包括以下几点:
A:不能用中文
B:不能以数字开头
C:不能存在空格
D:尽量不要使用-,因为UI才使用-链接
E:不要使用特殊字符 @ & !
单行文本密码框:password
单选框:radio checked:表示默认选中
下拉列表框:
selected:默认选中
disabled:禁用
归属地:
<select name="location" id="location">
<option value="0">--请选择家乡地址--</option>
<option value="jinan">济南</option>
<option value="jining" disabled>济宁</option>
<option value="qingdao" selected>青岛</option>
<option value="heze">菏泽</option>
</select>
多选:checkbox
提交 submit
取消 reset