我们在学习网页设计代码的时候,主要接触和学习的应该就是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
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery