WebTech学习日记（1）

来源：互联网发布：招标数据.net 编辑：程序博客网时间：2024/06/05 23:40

最近开始学习Web相关方面的技术，但是知道的还很少，想着就开个日记来纪录过程。

接下来开始吧：

<html>
This paragraph is bold.
Should this paragraph be bold, or not?
<a href="#">This paragraph is a link
Should this paragraph be a link, or not?

首先这样的HTML的文件是有问题的，因为：

浏览器并不能知道这个文件是什么标准的，HTML5或者HTML4，准确的是你不知道浏览器会以什么样的标准去处理这个文件。

ps：教学的文件中提到这样一点：

Double clicking on pages (or equivalent) is auseless andstupid way to develop web pages. So don't do it.

是说不要通过双击html文件来开发网页，主要是因为这样的原因，通过双击的方式不能告诉浏览器的路径，所以在文件中的一些连接比如/style/main.css来帮助网页显示的文件不能起效。

还有一些javascript安全性的问题，不是很理解。

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

为了解决标准的问题，这里加上<!DOCTYPE html>，如下：

<!DOCTYPE html>
<html>
This paragraph is bold.
Should this paragraph be bold, or not?
<a href="#">This paragraph is a link
Should this paragraph be a link, or not?

但这样并不能保证你能预测出这个网页最终的显示，主要原因是这个文件并不是正确的HTML5的文件，但是各个浏览器对于这种文件都有自己的一套处理方法，所以，你没有办法预测，所以你需要找到一个方法来保证你的网页是正确的HTML5.

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

接着，我们这里再增加了一句：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
This paragraph is bold.
Should this paragraph be bold, or not?
<a href="#">This paragraph is a link
Should this paragraph be a link, or not?

文件中的第二句是用来申明这个是作为XHTML的，XHTML可以理解为拥有更为严格标准的HTML。

但这里依旧没有用，因为XHTML是HTML的一个子集，也是可以被当作HTML来处理的，不同的浏览器对于这个文件的处理方式可能依旧是当作HTML来处理。很多服务器都是通过添加content-type（？）来说明，但双击是没有所谓服务器或者头文件什么的，很多浏览器会通过后缀名来猜测。到这里一直都是以html的后缀名来保存的。

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

这里我们改变为xhtml的后缀名，在edge中两者的显示发生了变化。xhtml的文件只显示了第一句话。这里就先不进行修正了。

但是实际中，很多老的浏览器并不能识别xhtml，而且现实中很少用到xhtml，后缀还是必须得使用html，而且服务器还是得传递正确的头文件为了xhtml。

不过在这次学习中，我还是使用xhtml来保证格式上的正确。

0 0