您的位置：首页 > Web前端 > HTML5

html5与css3学习笔记之一：概述

2014-10-19 14:45 561 查看
开始系统学习html5和css3《html5和css3实例教程》，准备开始用博客记录下学习的笔记啦~（不一定是语义完整的句子，可能会是词组的堆砌）

begin：

一.更强大的web开发平台：特性及优势

1.更多的描述性标签，比如header，footer，有意义的div + progress,meter

2.较少依赖插件的多媒体支持，audio，video；不同的浏览器支持的视音频格式不同，如果需要做浏览器兼容，貌似要多种格式的视音频~困惑，尤其是firefox支持ogg格式，不支持mp3

3.跨文本消息通信：web浏览器会阻止不同域间的脚本交互和影响，能防止跨站脚本的攻击，保护终端用户；但组织所有跨站脚本的交互；

4.web Sockets （没有概念）实现与服务器间的持久链接。如需要获取进度更新，不必轮询后端服务器，而是订阅某个套接字---------不懂

5.客户端存储

6.强大的表单：滑块，日期选择器，颜色选择器（浏览器兼容仍旧是一个问题）

7.提高可访问性：通过语义化标签

8.先进的选择器：表格的奇数行，偶数行，处于选中状态的复选框等

9.视觉效果：阴影，圆角，渐变，旋转transformation

前一阵子参加了百度的web前端的校园招聘，不出乎意料的，笔试就挂了，发现了自己很多的不足，尤其是基础上。

百度的笔试题中，还挺多涉及到比较基础的东西的，很多都是之前没有注意过的。

比如，列举h5中的语义化标签，doctype的含义，严格定义之类的

文档类型声明：（doctype declaration）用来通知验证器和编辑器那些标签和属性是你可以使用的，以及文档应该以何种方式加以组织，此外很多web浏览器会根据它来检测如何渲染网页。

xhtml 1.0 transitional文档类型声明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/xhtml1-transitional.dtd">
html5声明：

<DOCTYPE html>


在html5文档中使用自闭合标签：

XHTML文档要求属性值必须在引号中，内容标签必须自闭合，属性名称必须小写

多数web服务器在返回html页面时为其指定的是text/html MIME类型，因为IE无法正确处理与XHTML页面相关联的MIME类型application/xml+xhtml。基于此，浏览器往往会去掉自闭和标签。例如

<script language="javascript" src="" />
<h2>help</h2>
浏览器会去掉自闭合的斜杠，然后，渲染器会认为h2包含在一个无法闭合的script标签中，所以编写script标签是都会加一个结束的</script>进行显示闭合。

html5和css3的障碍：

1.IE：IE8之前的版本

2.可访问性：视力障碍，听力障碍，旧浏览器，链接慢的网络，移动设备上网

3.废弃的标签：

表现性元素：basefont,big,center,font,s,strike,tt,u

框架：frame,frameset,noframes

abbr取代了acronym，boject取代了applet，ul取代了dir

属性：align,bady标签的link,vlink,alink,text,bgcolor,height,width,valign,hspace,cspace,table中的cellpadding,cellspacing,border

target最好使用js替代

head中的profile属性不在受到支持，但Wordpress模版都使用了这个属性
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航