热门关键字:
jquery > jquery教程 > jquery教程 > 网页开发html5编程代码基础知识教程

网页开发html5编程代码基础知识教程

350
作者:管理员
发布时间:2021/2/3 18:11:26
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3804
  我们在学习网页设计代码的时候,主要接触和学习的应该就是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
友荐云推荐