html

1.HTML与XHTML——二者有什么区别?

1> 所有的标记都必须要有一个相应的结束标记
2> 所有标签的元素和属性的名字都必须使用小写
3> 所有的 XML 标记都必须合理嵌套
4> 所有的属性必须用引号 "" 括起来
5> 把所有 < 和 & 特殊符号用编码表示
6> 给所有属性赋一个值
7> 不要在注释内容中使用 "--"
8> 图片必须有说明文字

2.移动端常见问题

1>不加 -webkit- 页面会兼容很多,如华为,小米(加上--webkit --)
2>有些手机的默认值是150%,16rem不能撑满整个屏幕(改为百分比)
3>chorme看到的不一定是真实的,一定要在真机上进行测试
4>display:-webkit-box;设置定位就挂了

3.localStorage

用于持久化的本地存储,除非主动删除数据,否则数据永远不会过期

  • localStorage.getItem(key):获取指定key本地存储的值
  • localStrong.setItem(key,value);将value存储到key字段
  • localstorage.removeItem(key);删除指定key本地存储的值

4.sessionStorage

用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储

  • sessionStorage.key=value:赋值
  • sessionStorage.setItem(key,value):赋值
  • sessionStorage.getItem(key):取值
  • sessionStorage.removeItem(key):移除值
  • sessionStorage.clear( ):删除所有sessionStorage

5.H5中input新增的type类型

1.email:用于应该包含e-mail地址的输入域
2.URL:用于应该包含URL地址的输入域
3.number:用于应该包含数值的输入域
4.range:用于应该包含一定范围内数字值的输入域
5.Date Pikers(日期选择器):拥有多个可供选取日期和时间的新输入类型

6.iframe有那些缺点?

1.会产生很多页面,不容易管理。
2.iframe框架结构有时会让人感到迷惑,如果框架个数多的话,可能会出现上下、左右滚动条,会分散访问者的注意力,用户体验度差。
3.代码复杂,无法被一些搜索引擎索引到,这一点很关键,现在的搜索引擎爬虫还不能很好的处理iframe中的内容,所以使用iframe会不利于搜索引擎优化。
4.很多的移动设备(PDA 手机)无法完全显示框架,设备兼容性差。
5.iframe框架页面会增加服务器的http请求,对于大型网站是不可取的

7.iframe如何跨域通信。

iframe两个网页不同源,就无法拿到对方的DOM。但是如果两个窗口一级域名相同,只是二级域名不同,那么设置document.domain属性,就可以规避同源政策,拿到DOM实现跨域通信

8.对WEB标准以及W3C的理解与认识

1.标签闭合、标签小写、不乱嵌套、
2.提高搜索机器人搜索几率、使用外 链css和js脚本、
3.结构行为表现的分离、文件下载与页面速度更快、
4.内容能被更多的用户所访问、内容能被更广泛的设备所访问、
5.更少的代码和组件,容易维护、改版方便,不需要变动页面内容、

6.提供打印版本而不需要复制内容、
7.提高网站易用性。

你可能感兴趣的:(html)