• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > HTML页面输出应该遵循的几点原则小结

HTML页面输出应该遵循的几点原则小结

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含HTML,页面输出等相关知识,佚名 希望在学习及工作中可以帮助到您

1、不能少了DOCTYPE,浏览器根据你申明的DOCTYPE决定页面渲染规则,如果不声明,不同的浏览器显示效果可能不一样。
2、在<title>之前加上<meta>标签说明页面所用的编码。否则可能导致部分浏览器显示的页面标题为乱码。
3、<style>应该放在<head>标签内。否则会导致页面在下载完成之前不美观,而且在下载完<style>的内容以后浏览器还要对页面重新进行渲染,会影响用户体验。
4、CSS中尽量避免使用表达式。否则在每次页面内容改变(比如javascript动态添加或删除元素,改变浏览器窗口大小)时,浏览器都会重新计算表达式的值。一种可以替代的方法是用javascript在window.onload中动态判断并确认样式。用户端的资源我们也应该珍惜。
5、在使用javascript改变页面元互的显示效果时,尽量用className属性更改。应该尽量避免用element.style.color = "#ff0000"之类的语句,尤其是在一次更改多次属性的时候。这样做有两个理由:方便维护和节约客户端资源。使用className改更的时候,页面只需要重新渲染一次,而且style属性更改时,每次都要重新渲染,这比开销是很大的。
6、<script />标签应该紧靠在</body>标签之前。浏览器在下载<script>中的内容时,不会同时下载其它内容(图片、flash、<script>后面的html文档等),如果使用了较多的外部script文件,有可能导致用户失支继续等待页面显示的耐心。
一个简单的例子:

您可能想查找下面的文章:

  • html编写edm时注意事项小结(一般发邮件需要注意的地方)
  • 浅谈.html,.htm,.shtml,.shtm的区别与联系
  • html、css基础注意点(前端必看篇)
  • 关于HTML面试题全部汇总
  • 符合w3c标准的html标准需要注意的地方详解
  • 深入理解HTML5在移动开发方面的发展现状
  • 浅谈HTML5与HTML4的10个关键区别
  • 分享15个最佳的HTML/CSS设计和开发框架
  • 自己在实践中遇到的一些前台基础(html、css)
  • 用ps两分钟做个xhtml+css的网站首页

相关文章

  • 2017-08-06让你的网站IE8浏览自动用IE7兼容模式
  • 2018-08-23从历代iPhone 官网设计,纪念 iPhone 诞生十周年
  • 2017-08-06HTML中css和js链接中的版本号(刷新缓存)
  • 2017-08-06网页制作需要掌握的6种能力小结
  • 2017-08-06整洁漂亮的网页设计的4项原则
  • 2018-08-23上亿人使用的QQ空间萌宠形象,原来是这么设计出来的!
  • 2017-09-13sed简单教程
  • 2018-08-23AI+AE教程!教你制作酷酷的动感灵魂小鼓手
  • 2018-08-23想给用户提供帮助?先掌握这5个层级!
  • 2017-08-06Sublime Text—设置浏览器快捷键的方法推荐

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 2018年过半,为你总结了这13个主要的设计趋势
    • 5个实操改稿案例,教你做出高质量的Banner设计!
    • 36氪产品总监:求职应该怎么问答+面试官是如何打分的
    • 方便高效!五分钟看懂微信团队打造的新Sketch 插件WeSketch
    • 防止别人另存为我的网页、仿制我的站点小技巧
    • 谈谈网页设计中的Less和More(图)
    • Airbnb 用这个流程,大幅提高了开发和设计的协作效率
    • 用Meta 取消流量器缓存实现每次访问都刷新页面方便调试
    • 这些至关重要的细节,同你的产品体验息息相关
    • 哪天就用到了!在移动产品中做音效设计的8个技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有