你的位置:首页 > 软件开发 > 网页设计 > HTML项目实践中学到的东西

HTML项目实践中学到的东西

发布时间:2017-11-02 11:00:07
1.组织的重要性。 首先是要建立两个根文件夹,一个存上线页面的资源,一个存测试页面的资源。所有改动内容都在测试页面的文件夹中进行,在这个文件夹中进行测试、W3C语法检测后(HTML检测网站:https://validator.w3.org/#validate_by_u ...

1.组织的重要性。

   首先是要建立两个根文件夹,一个存上线页面的资源,一个存测试页面的资源。所有改动内容都在测试页面的文件夹中进行,在这个文件夹中进行测试、W3C语法检测后(HTML检测网站:https://validator.w3.org/#validate_by_uri;CSS检测网站:https://jigsaw.w3.org/css-validator/),再把测试文件夹的资源覆盖上线文件夹。(这一条只适用于静态网页,即没有任何输入的页面。如果是存着数据的,应该不是这样直接覆盖(数据也被覆盖了~)。)

   然后每个文件夹都要有一个文件夹说明。说明这个文件夹是基于什么原因建立的,存的都是什么东西,作用是什么。

   其次,依靠建立不同的文件夹来组织网页的结构,但是不能滥用这一点(滥用反而不利于维护)。

 

2.bug的查找

   浏览器的开发者模式是一个很好的调试方式。在那可以看到任意标签的样式表、布局等内容。

   有些浏览器对路径中的字符个数会做出限制,所以一个大型网站的开发要注意这一点。

 

3.页面构建

  block元素通常用作Web页面中的主要构建模块,而inline元素往往用来标记小段内容。设计一个页面时,一般先从较大的block元素开始,然后在完善页面时再加入inline元素。(block和inline是一个坑,详 lang="EN-US">HTML不能乱造轮子,而C++中提倡造轮子。

其实是一样的意思,只不过表面看起来不一样而已:

C++中,内容多,功能大,适合造轮子。而很多轮子别人已经弄过了,搞不好弄得很好,或者很符合你的要求,那么就没必要造了,去看看源码就好了——当然,如果你觉得不好(有缺点之类),或者不符合你的要求(没有你想要的功能),那么就再造一个,这就是“提倡造轮子”的意思。不能乱搞——比如有了int,你何必再搞一个新的数据类型int-1.0?

而在HTML中,很多时候你想到的黑科技,其实是你自己没把HTML和CSS分离开,或者说没有把结构和表现分离开,比如用<p>实现列表功能,实际上列表功能有对应的标签实现——大多数时候,已经有专门的元素标签能解决你的问题了,或者CSS能解决了,是你自己不知道或者理解的不好没想到而已。

综上所述,决定了两者能不能造轮子的理由是一样的:是不是已经有了相应的“轮子“?这个”轮子“满足自己的需求么?这个轮子对于自己的需求有什么副作用?这个副作用不可以接受?

 

5.绝对路径和相对路径,在浏览器解析、响应等方面有区别么?什么时候用绝对路径,什么时候用相对路径?

这就涉及到很多问题了,两种路径各有利弊。我接触不多,先写一点知道的。

          1.告诉别人网址时,只说域名会更好一点:

因为域名输入后浏览器会自动寻找完整的URL,如果世界上只有你这么一个域名,那么就一定能找对。此时不管你换没换托管公司(比如你从www.wuduojia,cn换成了home.wuduojia.cn),只要输入wuduojia.cn就能进入正确的地方,当然这个前提是没有和你重复的URL(比如www.和home.只存在一个,不然就会找不到正确的了);再就是,如果你的默认主页改了,只输入wuduojia.cn也会被浏览器自动转到wuduojia.cn/index.html(默认主页名字,这里的index.html只是一个例子),(如果你告诉别人的是wuduojia.cn/index.html,以后你突然改成wuduojia.cn/default.htm,别人就进不去了。)

          2.使用相对链接来链接同一网站的页面,使用URL来链接其他网站上的页面:

 ....一个问题是,如果一个web页面中有很多URL,她们会很难管理:URL很长,不容易编辑,而且也会影响HTML的可读性........如果一个网站都使用URL链接到本地页面,移动这个网站或者改变他的名字时,就必须修改所有这些URL来反映新的网站位置...推荐用相对链接来链接同一网站中的页面,用URL来链接其他网站页面。"

————————《Head first HTML与CSS》P145

 

6 URL中的可选端口。通常Web上的所有东西都会传送到一个默认端口(80),不过有时Web服务器会配置为在另外一个不同的端口接收请求(比如8000)——这种情况经常在测试服务器上出现。

 

7.不要把链接放到一起,用户很难区分放在一起的链接。

 

8.target标签与用户习惯。

我自己的网站完全是根据自己喜好来决定用不用target标签,但是对于一个面对用户而不是面向自己的网页,这个标签用不用、怎么用,就需要仔细调查、权衡了。

 

9.有必要了解各个浏览器(或者说主流浏览器)的内置默认样式。

 

10.不同的浏览器在处理页面的方式上会存在细微的差别(这个差别指默认的样式),这种差别不止出现在不同浏览器上,还会出现在网速差和网速快上(比如图片的加载)、不同屏幕尺寸上(大部分情况指移动端和桌面端,比如你的样式建立在1080p上,而移动端比这个小),etc。

所以测试是重要的一个必做事项,不单单是不同浏览器间的测试,还要加上不同端的、不同流量度等上,这个在以后实际遇到了再说,目前只考虑不同浏览器(后面会考虑不同端、不同分辨率、不同设备等)

原标题:HTML项目实践中学到的东西

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。