HTML标签
排版标签
标题标签 段落标签 水平线标签 换行标签
图像标签
链接标签
锚点定位 base标签
列表标签
无序/有序/自定义列表
表格
创建表格 行
列表格属性
表头标签
表格结构
表格标题
合并单元格
表单
input控件 相同功能的有:文本域textarea控件 下拉菜单select控件
label标签
表单域
一些问题
1.HTML5和HTML4究竟有哪些不同?如何区分HTML和HTML5?
1、声明方面:HTML5 文件类型声明变成下面的形式:
2、标准方面:HTML5已经不再基于通用标记语言标准(SGML)
3、标签方面:
(1)新增语义标签:
(2)废除一些网页美化的标签:
(3)增加了多媒体标签,支持音频和视频:
(4)meta标签增加charset属性
4、增加了input表单属性:email tel url number time date month week search range;占位符placeholder 多文件上传multiple 必填项required
5、使部分属性名默认具有布尔属性,只写属性名默认为true
6、存储方面:待学习
2.如何处理HTML5新标签的浏览器兼容性问题?
1、通过doument.createElement方法产生的标签,可以利用这一特性让不兼容的浏览器支持HTML5新标签,浏览器支持新标签后还需要添加默认的样式。
2、最好的方式是直接使用成熟的框架,使用最多的是html5 shim框架,html5shim 可以让IE9 或者更低版本的 IE 浏览器支持 HTML5。
使用方法:
3.meta标签属性有哪些?
1、charset属性:定义网页文档的字符集
2、name + content属性:定义网页作者 网页地址 网页版权信息 网页关键字 网页描述 还可以定义移动端的视口
3、http-equiv 不懂
4.src和href的区别是什么?
1、作用不同
src是sroce的缩写,目的是把引用文件下载到当前页面中,作用的结果是会替换当前的内容;href是超文本引用,指向网络资源所在的位置,作用的结果是建立当前文档和引用资源之间的关系。
2、浏览器解析方式不同
当浏览器遇到href会并行下载或处理资源,并且不会停止对当前文档的处理(同时也是为什么建议使用 link 方式加载 CSS,而不是使用 @import 方式);
而浏览器遇到src会暂停其它资源的下载和处理,直到将改资源加载并执行完毕(这也是script标签为什么放在底部而不是头部的原因)。
5.页面导入样式时,使用link和@import有什么区别?
页面被加载的时候,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载
@import:可以把一个样式文件导入到另外一个样式文件里面
link:是把一个样式文件引入到 html页面里面
6.script标签中defer和async的区别是什么?
defer和async是script标签的两个属性,因此script标签的使用分为三种情况:
没有defer或async属性,浏览器会立即加载并执行相应的脚本。也就是说在渲染script标签之后,不再等待后续文档的加载和渲染,读到js脚本就开始加载和执行,这样会阻塞后续文档的加载;
有了async属性,表示后续文档的加载和渲染与s脚本的加载(此时仅加载不执行)j是并行进行的(异步),需要等到文档所有元素解析完成之后才执行js脚本。
总结:
1.defer和async在网络加载过程是一致的,都是异步执行的;
2.两者的区别在于脚本加载完成之后何时执行。
7.HTML5离线缓存原理是什么?
8.HTML5的存储方式?
9.如何实现实现浏览器内多个标签页之间的通信?