13518219792
!DOCTYPE html html
创新互联是一家集网站建设,和顺企业网站建设,和顺品牌网站建设,网站定制,和顺网站建设报价,网络营销,网络优化,和顺网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
head meta charset="utf-8" /
titlehtml边框虚线演示 ;/title style
.bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px} span{display:block}/*css注释说明：让span形成块*/
/style /head
body p class="bor"p盒子/p
span class="bor"span盒子/span ul class="bor"
liul li列表/li liul li列表/li
/ul table class="bor"
tr td表格/td
td表格2/td /tr
tr td数据/td
td数据2/td /tr
/table /body
/html
var context = document.getElementById('canvas').getContext('2d');
//求斜边长度
function getBeveling(x,y)
{
return Math.sqrt(Math.pow(x,2)+Math.pow(y,2));
}
function drawDashLine(context,x1,y1,x2,y2,dashLen)
{
dashLen = dashLen === undefined ? 5 : dashLen;
//得到斜边的总长度
var beveling = getBeveling(x2-x1,y2-y1);
//计算有多少个线段
var num = Math.floor(beveling/dashLen);
for(var i = 0 ; i num; i++)
{
context[i%2 == 0 ? 'moveTo' : 'lineTo'](x1+(x2-x1)/num*i,y1+(y2-y1)/num*i);
}
context.stroke();
}
drawDashLine(context,50,50,300,180,5);
绘制虚线的时候用setTimeout或者requestAnimationFrame来更新虚线的偏移就可以了。要看你是怎么画虚线出来的了
HTML 5的新变化
1.HTML5结构元素: 新增了更具语义化的标签，比如表示页面的头部，表示底部，表示一个链接导航集合等。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。
2.HTML5 交互元素: 我们上面说过，HTML5的前身名是Web Applications 1.0。所以HTML5当然不只是随便加几个标签，让代码结构更具语义化这么无聊。另外一些新增的元素，诸如, 等，可以实现控制数据和内容展示等交互能力。input元素的新属性：日期和时间，email, url，可以轻松制造一个Webforms 2.0。
3.删除的HTML4元素: HTML5删除了HTML4中纯粹用来显示效果的一些标记，比如和，因为它们已经被CSS取代。
HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。不过离被所有浏览器都支持还早着呢
section是HTML5新增的语义化标签，实际上本身就是一个块级元素，可以把它当做一个特殊的div来使用，去掉边框操作“border: 0px;”
HTML5新增的块级元素：（这些标签都可以当做一个特殊div来操作）
header标签定义文档的页眉（介绍信息）。
section标签定义文档中的节（section、区段）比如章节、页眉、页脚或文档中的其他部分
footer标签定义文档或节的页脚。应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。可以在一个文档中使用多个 footer 元素。联系信息应该位于 address 标签中。
aside标签定义其所处内容之外的内容。其内容应该与附近的内容相关。可做侧栏。
nav标签定义导航链接的部分。
main标签规定文档的主要内容。其元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、 版权信息、站点标志或搜索表单。在一个文档中，不能出现一个以上的 main 元素。main 元素不能是以下元素的后代：article、aside、footer、header 或 nav。
article标签规定独立的自包含内容。元素的潜在来源：论坛帖子、报纸文章、博客条目、用户评论。
figure标签规定独立的流内容（图像、图表、照片、代码等等）。
