UW3C首页 > 建站经验 > Web开发的10个基本知识点(上)

Web开发的10个基本知识点(上)

阅读：4913 次编辑日期：2013-11-02

概述：

一个网站从开始设计到最终上线会经过很多个流程，很多个细节，所以自己建立一个网站是任重而道远的一个过程，但是在很多地方，一些基础知识也很重要，所以一上来我们先来说一下，在建站流程中，Web开发的10个基本知识点。

我们首先来说一下代码标签：

HTML：<html>...code...</html>等等，这个不多说了，但是像 标签不用成对出现,但是有一点需要注意一下，在HTML4.01中 ，在XHTML1.0中 ；
CSS：.uw3cClass{...code...}；
JavaScript：<script>...code...</script>；
PHP：<?php ...code... php?>;千万不要用<php>...code...</php>这样的格式，我记得我刚开始有一段时间写PHP页面有时候会有错误，找半天才找出原因，如果是PHP出身的程序员一眼就能看出来，但是前端出身的程序员，是不容意发现的，所以，注意PHP要用<?php ...code... php?>。；

HTML4.01与XHTML1.0的区别：

各位小伙伴们，你们知道所维护的网站是HTML4.01还是XHTML1.0吗？赶快去看一下～看完之后，让我们说一下这两者之间的不同。实际上，XHTML 与 HTML 4.01 标准没有太多的不同,主要还是在标签的规范上，但是推荐大家用XHTML1.0，因为XHTML1.0对标签的标准更加严格更加规范，一个程序员应该对自己的代码有洁癖。它们最主要的不同：
(1)XHTML 元素必须被正确地嵌套。
错误：UW3C.com.
正确：UW3C.com.
(2)XHTML 元素必须被关闭。
错误：UW3C.com
正确：UW3C.com.<
(3)标签名必须用小写字母。
错误：UW3C.com.
正确：UW3C.com.
(4)空标签也必须被关闭。
错误： 
正确： 
(5)XHTML 文档必须拥有根元素。
所有的 XHTML 元素必须被嵌套于根元素中。

浏览器的区别(主要介绍Chrome)：

IE：windows自带的浏览器，它是多步渲染机制，只要拉动滚动条，它就重新渲染。市场占有率高，使用方便，适合普通老百姓使用，但是对于前端开发来讲，IE6有时候能要了老命；

Firefoxs(火狐)：说到Firefoxs不得不说它那强大的插件功能，做开发的一定最喜欢Firefoxs；

Chrome(谷歌)：逐渐崛起的浏览器，使用方便，也有很强大的功能，例如：翻译、Firebug等等，最重要的是它很快，它为什么会比其他浏览器都快呢？原因有多方面：
(1)通过即时编译JavaScript代码为机器码，内联，类型转换，垃圾收集等特性提高性能；
(2)Chrome浏览器采用WebKit内核也是其浏览器拥有高速表现的根源；
(3)DNS预解析是指"网域名称系统"预先读取。当浏览网页时，Chrome浏览器可查询或预先读取网页上所有连结的IP地址。浏览器使用IP地址来加载网页，因此只要事先查询这些资料，当按下网页上的任何连结时，便可更快速地加载目标网页；
(4)GPU硬件加速是通过显卡的硬件体系为Chrome浏览器加速，当使用Chrome浏览含有大量图片的网站时，Chrome浏览器可以利用GPU高速的快渲染能力完成图像渲染，并且在滚动网页时不会出现影像破裂的问题；

关于注释：

现在接触的代码类型多了，接触的注释类型也多了：

HTML的注释：;
CSS的注释：/*...code...*/ ，;
JS的注释：单行：//...code...，多行/*...code...*/;
PHP的注释：单行：//...code...，多行/*...code...*/;

声明变量：

现在接触的代码类型多了，接触的注释类型也多了：

CSS的样式名：用.name,如果是ID：用#name;
JS的变量：var name，不用var是声明变量吗？NO，为什么不是请阅读JS;
PHP的变量：$name,不要跟JS弄混;

下一篇：Web开发的10个基本知识点(下)

将本篇文章分享到：

新浪微博人人网腾讯微博 QQ空间更多

投稿本站关注本站收藏本站免责声明

站长推荐