我们在学习网页设计代码的时候，主要接触和学习的应该就是html5编程语言了，今天我们就一起来了解一下，在使用html5编程语言的过程中，都有哪些方法和内容是需要我们了解并掌握的。下面就开始今天的主要内容吧，希望通过对本文的学习，能够提高大家网页开发设计的能力。

 

　　html5有哪些新标签？

 

　　<article>标签定义外部的内容（外部内容如blog,news）。

 

　　<aside>标签定义article以外的内容（可用做文章的侧栏）。

 

　　<canvas>使用JavaScript在网页上绘制图形图像。

 

　　<details>用于描述某个文档部分的内容。

 

　　<summary>定义<details>元素标题。

 

　　<datalist>定义选项列表。。

 

　　<figure>对元素进行组合。<figcaption>定义figure的标题。

 

　　<header>定义页眉。<nav>定义导航。<footer>定义页脚。

 

　　<progress>定义运行中的进度。<audio>标签定义音乐。<video>定义视频。

 

　　<time>定义时间。<section>定义文档中的区段。<output>定义输出类型。

 

　　选用标签的标准

 

　　如果要支持比较老的浏览器（通常是桌面版网页）则不使用新标签

 

　　手机平板等网页开发可以使用新标签

 

　　不管什么情况下，都应该优先根据语义来选用标签

 

　　根据搜索引擎优化的要求和建议选用标签

 

　　简述一下你对HTML语义化的理解？

 

　　1、用正确的标签做正确的事情。

 

　　2、使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

 

　　3、即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;

 

　　4、html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;

 

　　5、搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;

 

　　你能描述一下当你制作一个网页的工作流程吗？

 

　　1、内容分析：分清展现在网络中内容的层次和逻辑关系

 

　　2、结构设计：写出合理的html结构代码

 

　　3、布局设计：使用html+css进行布局

 

　　4、样式设计：先要使用reset.css

 

　　5、交互设计：鼠标特效。行为设计：js代码，ajax页面行为和从服务器获取数据。后测试兼容性。优化性能

 

　　你如何对网站的文件和资源进行优化？

 

　　1、文件合并；2、文件小化/文件压缩；3、使用CDN托管；4、缓存的使用；5、其他

 

　　请说出三种减少页面加载时间的方法。（加载时间指感知的时间或者实际加载时间）

 

　　1）。使用CDN

 

　　2）。服务器开启gzip压缩

 

　　3）。css样式的定义放置在文件头部

 

　　4）。Javascript脚本放在文件末尾

 

　　5）。压缩Javascript、CSS代码

 

　　6）。尽可能减少DOM元素

 

　　7）。尽量减少页面中重复的HTTP请求数量

 

　　8）。使用多域名负载网页内的多个文件、图片

 

　　9）。在服务器配置Entity-Tagif-none-match

 

　　10）。在服务器端配置control-cachelast-modify-date

 

　　23条Web性能优化佳实践和规则

 

　　1）。尽可能减少HTTP请求次数

 

　　2）。使用CDN

 

　　3）。避免使用src和href标签

 

　　4）。加入Expires或Cache-ControlHeader

 

　　5）。使用Gzip压缩

 

　　6）。在html文件顶部放置样式表

 

　　7）。在html文件底部放置Javascript脚本

 

　　8）。避免使用CSS表达式

 

　　9）。使用外部Javascript和CSS外部文件

 

　　10）。减少使用DNS查找次数

 

　　11）。精简Javascript和CSS

 

　　12）。避免重定向

 

　　13）。移除重复的脚本

 

　　14）。配置ETag

 

　　15）。缓存AJAX

 

　　16）。使用GET完成AJAX请求

 

　　17）。减少DOM元素数量

 

　　18）。避免404

 

　　19）。减少Cookie大小

 

　　20）。使用无Cookie的域

 

　　21）。避免使用滤镜

 

　　22）。不要在HTML中缩放图片

 

　　23）。使用小favicon.ico文件，并让其可缓存

 

　　如何进行网站性能优化

 

　　content方面

 

　　1）。减少HTTP请求：合并文件、CSS精灵、inlineImage

 

　　2）。减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法：DNS缓存、将资源分布到恰当数量的主机名，平衡并行下载和DNS查询

 

　　3）。避免重定向：多余的中间访问

 

　　4）。使Ajax可缓存

 

　　5）。非必须组件延迟加载

 

　　6）。未来所需组件预加载

 

　　7）。减少DOM元素数量

 

　　8）。将资源放到不同的域下：浏览器同时从一个域下载资源的数目有限，增加域可以提高并行下载量

 

　　9）。减少iframe数量

 

　　10）。不要404