1,html5中增加了一些语义化标签,有见名知意的作用。IE9对语义标签选择性支持,IE9一下的浏览器完全不支持语义标签。
2,html5中新增的语义标签有:
定义文档的头部区域:<header></header>、定义导航部分:<nav></nav>、主体部分:<main></main>、定义页脚部分:<footer></footer>、定义页面独立的内容区域:<article></article>、定义页面内容之外的内容:<aside></aside>。
3,若要兼容IE8及IE8以下的内容,可使用的方法:
1>可手动创建语义标签:document.createElement("header");
2>引入第三方插件(html5shiv.min.js),该文件可以做到IE8的兼容。
4,表单标签type属性语义化值:
type="email":email文本框,该框中只能输入邮箱格式,会对输入的值自动校验。
type="tel":电话号码文本框,并不会对输入的电话号码进行自动校验,该属性值的目的是能够在移动端打开数字键盘。
type =”url“:网址文本框,会对输入的值进行验证,只能输入合法的网址。
type=”number“:数字文本框,只能输入数字(包含小数点),当value=”60“时,其默认值为60,当max=‘’100”,min=“0”时,可输入的范围为0------100。
type=“search”:更人性化的文本输入框,其后有个差号(”x“),当用户想重新输入时,可点击”x“重新输入。
type=”range“:范围,课设最大值,最小值和默认值。
type=”color“:颜色拾取器,可打开颜色拾取器。
type=”time“:只可输入时分秒。
type=”date“:只可输入年月日。
type=”datetime“:大多数浏览器不支持该属性值,只有safari支持。
type=”datetime-local“:日期和时间。
type =”month“:月份(年,月)。
type=”week“:周期(年,周)。
5,新增的表单属性。
placeholder=”请输入用户名“,提示占位符属性。
autofocus:自动获取焦点属性。
autocomplete=”on“:自动完成输入属性,”on“:打开,off:关闭;注意:该属性必须要有name值,且必须提交过。
required:必须输入校验。
pattern=“正则表达式”,校验输入的值,输入的内容必须满足正则的要求。
multiple:该属性的作用,可一次选择多个文件;可输入多个邮箱地址(多个邮箱中间用“,”分隔)。
6, 问题:不包含在<form>标签的表单元素该如何提交?
答:1>给form标签添加一个id号,例如:id=“myForm”;
2>给该元素添加 form=“myForm”属性。
7,新增的input表单元素。
<datalist>创建选择列表。不同的浏览器支持是不一样的,少用。
<option>创建选项值,该标签可以是单标签,也可以是多标签。属性value:具体值,label:提示信息。
<progress>:进度条标签(动态),其属性有value默认值,最大值max。
<meter>:度量器,其属性有high,low,max,min,value。
如何创建选择列表,即可输入又可选择。
1>首先创建type=“text”的文本框,指定属性list,其值和datalist标签的id的值一样。
2>给datalist标签加id号。
注意:如果input输入框的type值是url,option的value值必须是合法的网址。
<output>:显示输出信息,只显示不能修改。
<keygen>:秘钥对生成器,是双标签。不怎么用,大多数浏览器不支持该元素。生产共钥和私钥,将私钥和信息进行二次加密,向服务器提交共钥和二次加密,在服务器要进行解密。