仓酷云

标题: html5教程之HTML减肥:精简HTML标志制造网页 [打印本页]
作者: 透明    时间: 2015-1-15 23:20
标题: html5教程之HTML减肥:精简HTML标志制造网页
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。网页制造poluoluo文章简介：改良网站速率的一个很分明的办法是减小HTML文件的年夜?Ｓ幸恍┓椒ǎ热纾河惭顾酰rigidcompression），acupuncture-likeID及改动class名。上面是一些我们总结的使HTML标志更精简的办法。
改良网站速率的一个很分明的办法是减小HTML文件的巨细。有一些办法，好比：硬紧缩（rigidcompression），acupuncture-likeID及改动class名。上面是一些我们总结的使HTML标志更精简的办法。
HTML4
HTML（非XHTML），MIMEtype为text/html，同意省略一些标签。经由过程HTML4DTD，你能够省略以下标签（那些所谓可制止的元素，这里用删除线加以标志）
  1. </area>
复制代码
  1. </base>
复制代码
  1. <body>
复制代码
  1. </body>
复制代码
  1. </br>
复制代码
  1. </col>
复制代码
  1. </colgroup>
复制代码
  1. </dd>
复制代码
  1. </dt>
复制代码
  1. <head>
复制代码
  1. </base>0
复制代码
  1. </base>1
复制代码
  1. </base>2
复制代码
  1. </base>3
复制代码
  1. </base>4
复制代码
  1. </base>5
复制代码
  1. </base>6
复制代码
  1. </base>7
复制代码
  1. </base>8
复制代码
  1. </base>9
复制代码
  1. <body>0
复制代码
  1. <body>1
复制代码
  1. <body>2
复制代码
  1. <body>3
复制代码
  1. <body>4
复制代码
  1. <body>5
复制代码
  1. <body>6
复制代码
  1. <body>7
复制代码
  1. <body>8
复制代码
好比，你的代码是
  1. <body>9
复制代码
能够写为
  1. </body>0
复制代码
又好比段落要以
  1. <body>0
复制代码
开头，你能够只写
  1. </body>2
复制代码
乃至能够往失落html，head，body（把这作为你的编码标准之前请确保这会令你恬逸）。
省略标签后HTML仍然无效，同时减小了文件巨细。对一样平常的页面来讲，能够节俭5-20%。
HTML5
正在开展中的HTML5供应了一些减小文件巨细的办法。
好比，页面文档范例声明
  1. </body>3
复制代码
对照
  1. </body>4
复制代码
很明显HTML5的DTD更短。
当为页面指定编码时，HTML5很易用并且更短：
  1. </body>5
复制代码
取代
  1. </body>6
复制代码
一般情形下，扫瞄器会准确处置HTML。
别的，在明天的HTML5中，你能够往除声明MIME范例的type属性，好比
  1. </body>7
复制代码
或
  1. </body>8
复制代码
你能够用
  1. </body>9
复制代码
替换
  1. </br>0
复制代码
用
  1. </br>1
复制代码
替换
  1. </br>2
复制代码
在一切范例的页面中（乃至是XHTHML）你能够省略
  1. </body>7
复制代码
HTML5使这统统变得更复杂。
同时利用下面一切的办法会使文件节俭10%-20%（乃至更多），这取决于你的编码作风和页面中的文本内容数目。代码将更洁净，会见者会更快的猎取网站内容。在隐私中央项目中我们接纳良多这类手艺，节俭了原始文件巨细的20%。
</p>
使用HTML5也是断断续续的有些历史了，但是没有系统的总结过，最近发现公司的图书馆有不少藏书，
作者: 柔情似水    时间: 2015-1-17 21:59
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。
作者: 金色的骷髅    时间: 2015-1-26 23:18
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。
作者: 飘飘悠悠    时间: 2015-2-5 07:18
以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
作者: 活着的死人    时间: 2015-2-11 08:21
学Dreamweaver技术的过程其实是一个增加信心的过程。
作者: 精灵巫婆    时间: 2015-3-2 04:47
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。
作者: 海妖    时间: 2015-3-11 04:55
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者: 老尸    时间: 2015-3-17 22:44
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.
作者: 小妖女    时间: 2015-3-25 10:28
学Dreamweaver技术的过程其实是一个增加信心的过程。



欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2