前端知识点自检题

1. dl、dt、dd标签与ul、ol、li标签的区别,如何使用?

<dl><dt><dd>为常用标题+列表型标签,是组合标签,此组合标签又叫做“表格标签”,也称为“dl表格”。如没有对dl dt dd标签初始css样式,默认dd列表内容会一定缩进。

代码片段:

<dl>
  <dt>列表项1</dt>
  <dd>列表项1-元素1</dd>
  <dd>列表项1-元素2</dd>
  <dt>列表项2</dt>
  <dd>列表项2-元素1</dd>
  <dd>列表项2-元素2</dd>
  <dt>列表项3</dt>
  <dd>
    <ul>
      <li>ul-1</li>
      <li>ul-2</li>
      <li>ul-3</li>
    </ul>
  </dd>
</dl>

效果图:

2. 页面引入css样式的方法有哪些?@import方法和link方法的区别是什么?

(1)共有四种引入方式:行内式、内嵌式、链接式、导入式

①行内式:<dl style="color: #000;">

②内嵌式:即在head标签内写style标签

③链接式:

<link rel="stylesheet" href="css的路径" type="text/css" >

④导入式:

<!-- media为screen说明此样式用于屏幕显示,print是用于打印 -->
<style type="text/css" media="screen">  
@import url("CSS文件");  
</style>

(2)区别

① link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS

② link支持使用Javascript控制DOM去改变样式;而@import不支持

③ @import是在CSS2.1提出的,只在IE5以上识别,link不存在兼容问题

④ 页面被加载时,link会被同时加载;而@import引用的样式会在页面被加载完时加载

3. 常见的浏览器内核有哪些?对应的css属性前缀是什么?

mozilla内核 (firefox,flock等)            -moz

webkit内核(safari,chrome等)          -webkit

opera内核(opera浏览器)                 -o    

trident内核(ie浏览器)                       -ms

4. html5有哪些新特性?移除了哪些元素?如何处理html5的新标签兼容问题?如何区分html和html5?

(1)新特性:https://www.jb51.net/html5/575421.html

①结构元素:header、footer、nav、selection、article、aside、hgroup、figure

②其他元素:video、audio、canvas、command、progress、mark、time、source、menu、dialog等,并不是所有的浏览器都支持html5的全部新特性

③input新增类型:month、week、date、time、email、tel、url、number、color、range、search等

④新技术:web workerwebsocket

(2)移除的元素:big、font、center、frame、frameset等

(3)兼容问题:解决新标签不能被识别的问题

①IE6、7、8支持通过document.createElement(tagName)方式产生的标签,运用此方式即可解决不能被识别的问题,被识别后还能为标签添加CSS样式

②运用html5shiv

(4)区分:DOCTYPE声明,新增元素

5. html5的离线存储怎么使用?工作原理是什么?

参考文档:HTML5:离线存储

(1)使用方法:

①页面头部加入manifest属性

<html manifest = "cache.manifest">
...
</html>

②cache.manifest文件:

CACHE MANIFEST
#v0.11

CACHE:
js/app.js
css/style.css

NETWORK:
resourse/logo.png

FALLBACK:
/ /offline.html

(2)工作原理

基于一个新建的.appcache文件的缓存机制,通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储下来。之后当处于离线状态时,浏览器会通过被离线存储的数据进行页面展示。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值