• Page 1 of 1
  • 1
Forum » Wonder Study 寓教于乐 » Wonder Product 自我提升 » [FE]网页,你看到和看不到的玄机
[FE]网页,你看到和看不到的玄机
网页,其MZ正体是一种代码,浏览器,其实是一个有编译功能的软件,html代码(也有别的代码)经由编译后,便cheng了我们看到的网页,除了文字,还可能有图片,动画、音乐各种;不过,这是网页编译后的样子,网页MZ正体中,还有很多你所看不到摸不着的东东~

网页可以分为动态和静态,由很多种对于凡人而言的MZ代码可以用来写网页,不过浏览器编译后的网页,皆已静态化,而网页静态化的代码,则大多是一种叫html的东东。

html,又分了两部分,一个叫head,一个叫body,但是对于电脑前的宅男宅女,你们看到的网页,大多是body的部分;但这不表示一个html网页可以离开head,因为在浏览器编译的过程中,head起了举足轻重的作用。
DOCTYPE

标准的html网页都会有这个,中文直译叫文档类型,但这个东西其实是在html外的东西。
html5以前,这个可以表达,“我”是什么类型的文档(HTML/XHTML),其中html4和xhtml1各有三种类型,大家可以尝试替换页面代码中DOCTYPE,同一个页面,使用不同的类型会解析出不同的长相;到了html5时代,终于没有那么多可能性了,所有页面都统一一个
Code
<!DOCTYPE html>
标签化的html

html,实际上是一种标签化的代码,所谓标签,便是用标签的形式将内容锁起来,好比html顶级标签 ... ,页面所有的代码,都锁在这两个标签中。
其实标签一族的还有很多同胞,比如xml,他和html的区别是,xml可以自定义各种标签,而html的标签是预设的,你自己定义的浏览器不睬你。

一般而言,标签是正反一对一对出现的,遗漏反标签可能会解析错误导致网页面目全非,比如

Code
<div> ... </div>,<p> ...</p>

还有一种类似

Code
<img />

这种一般是元素,里面不能再放东东了。

无论何种标签,都有自己的属性,可以根据需要定义,不过现在最好的做法是,正反标签的大部分样式属性交给css这样的神代码定义,做到内容与表现层分离,这样的好处是,嗯,反正很多好处(呵呵呵)
Forum » Wonder Study 寓教于乐 » Wonder Product 自我提升 » [FE]网页,你看到和看不到的玄机
  • Page 1 of 1
  • 1
Search: