HTML

HTML标签

排版标签

标题标签 段落标签 水平线标签 换行标签

图像标签

链接标签

锚点定位 base标签

列表标签

无序/有序/自定义列表

表格

创建表格 行<tr></tr><td></td>
表格属性
表头标签 <th></th>
表格结构
表格标题
合并单元格

表单

input控件 相同功能的有:文本域textarea控件 下拉菜单select控件
label标签
表单域

一些问题

1.HTML5和HTML4究竟有哪些不同?如何区分HTML和HTML5?

1、声明方面:HTML5 文件类型声明变成下面的形式:<!DOCTYPE html>
2、标准方面:HTML5已经不再基于通用标记语言标准(SGML)
3、标签方面:
(1)新增语义标签:<header> <footer> <section> <article> <nav> <hgroup> <aside> <figure>
(2)废除一些网页美化的标签:<big> <font> <basefont> <center> <s> <tt> 使样式和结构分离的更加彻底
(3)增加了多媒体标签,支持音频和视频:<audio> <video>
(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。
使用方法: <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

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标签的使用分为三种情况:

  1. <script src="example.js"></script>
    没有defer或async属性,浏览器会立即加载并执行相应的脚本。也就是说在渲染script标签之后,不再等待后续文档的加载和渲染,读到js脚本就开始加载和执行,这样会阻塞后续文档的加载;
  2. <script async src="example.js"></script>
    有了async属性,表示后续文档的加载和渲染与<font color='red>js脚本的加载和执行是并行进行的,即异步执行;
  3. <script defer src="example.js"></script>
    有了defer属性,表示后续文档的加载和渲染与<font color='red>s脚本的加载(此时仅加载不执行)j是并行进行的(异步),需要等到文档所有元素解析完成之后才执行js脚本。
    总结:
    1.defer和async在网络加载过程是一致的,都是异步执行的;
    2.两者的区别在于脚本加载完成之后何时执行。

7.HTML5离线缓存原理是什么?

8.HTML5的存储方式?

https://segmentfault.com/a/1190000011516871?utm_source=sf-related

9.如何实现实现浏览器内多个标签页之间的通信?

https://blog.csdn.net/zhouziyu2011/article/details/58595904

原文地址:https://www.cnblogs.com/yyrecord/p/13218443.html