1.HTML 'data-'属性的作用是什么？
data-xxx 为前端开发者提供自定义的属性，这些属性集可以通过对象的 dataset 属性获取，不支持该属性的浏览器可以通过 getAttribute 方法获取；
<article
id="electriccars"
data-columns="3"
data-index-number="12314"
data-parent="cars">
...
</article>var cur = document.getElementById('cur');
//使用attributes方法存取data-*自定义属性的值非常方便
var trueImg = cur.getAttribute("data-img");
//使用setAttribute设置 data- 属性
cur.setAttribute('data-site', 'http://www.xxx');2.herf 和 src 的区别？
-
href 标识超文本引用，用在 link 和 a 等元素上，href 是引用和页面关联，用来建立当前元素和文档之间的链接。
-
src 表示引用资源，在请求 src 资源时会将其指向的资源下载并应用到文档中，用在 img，script，iframe 上，src 是页面内容不可缺少的一部分。
3.锚点的作用是什么？如何设置锚点？
锚点是文档中某行的一个记号，类似于书签，用于链接到文档中的某个位置。
定义锚点后，可以创建直接跳至该锚点（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
在使用<a>元素创建锚点时，可以使用 name 属性为其命名
对其他元素，可以使用 id 属性为其命名
使用：
<body>
<h1 id="h1">h1</h1>
<a name="a">a</a>
<div></div>
<a href="#a">回到a</a>
<a href="#h1">回到h1</a>
</body>4.页面导入样式时，使用 link 和 @import 有什么区别？
- (1) link 属于 HTML 标签，而 @import 是 CSS 提供的；
- (2) 页面被加载的时，link 会同时被加载，而 @import 引用的 CSS 会等到页面被加载完再加载；
- (3) import 只在 IE5 以上才能识别，而 link 是 HTML 标签，无兼容问题；
- (4) link 方式的样式的权重 高于 @import 的权重
5.defer 和 async 的区别？
- defer和async都属于异步加载
- defer是延迟执行（推迟解释，当前html页面解析完成后执行）js，async是当前js文件加载完成后执行js
6.img 中的 alt 和元素的 title 属性作用？
img 的 alt 属性：
如果无法显示图像，浏览器将显示 alt 指定的内容
元素 title 属性：
在鼠标移到元素上时显示 title 的内容
7.HTML全局属性有哪些？
- class :为元素设置类标识
- data-* : 为元素增加⾃定义属性
- draggable : 设置元素是否可拖拽
- id : 元素 id ，⽂档内唯⼀
- lang : 元素内容的的语⾔
- style : ⾏内 css 样式
- title : 元素相关的建议信息
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
