Board logo

标题: HTML的介绍(1) [打印本页]

作者: look_w    时间: 2019-3-9 16:34     标题: HTML的介绍(1)

HTML 是什么? htyper text markup language 即超文本标记语言

超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

标记语言: 标记(标签)构成的语言.

网页==HTML文档,由浏览器解析,用来展示的

静态网页:静态的资源,如xxx.html

动态网页:html代码是由某种开发语言根据用户请求动态生成的

html文档树形结构图:

什么是标签 是由一对尖括号包裹的单词构成 例如: *所有标签中的单词不可能以数字开头.

标签不区分大小写. 和 . 推荐使用小写.

标签分为两部分: 开始标签 和 结束标签. 两个标签之间的部分 我们叫做标签体.

    有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/> <hr/> <input /> <img />
     
    标签可以嵌套.但是不能交叉嵌套. <a><b></a></b>
     
    复制代码

标签的属性 通常是以键值对形式出现的. 例如 name="alex"

属性只能出现在开始标签 或 自闭和标签中.

属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="alex"

如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly
标签

    由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同。在
    W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility
    Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars
    mode),这就是二者最简单的区别。
          W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何保证旧的网页还能继续浏览,在标准出来以前,
    很多页面都是根据旧的渲染方法编写的,如果用的标准来渲染,将导致页面显示异常。为保持浏览器渲染的兼容性,使以
    前的页面能够正常浏览,浏览器都保留了旧的渲染方法(如:微软的IE)。这样浏览器渲染上就产生了Quircks mode
    和Standars mode,两种渲染方法共存在一个浏览器上。
     
    window.top.document.compatMode:
    //BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
    //CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
     
    复制代码

这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat,

这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面,那么,在不同的浏览器就会显示不同的样式。

    如果你的页面添加了<!DOCTYPE html>那么,那么就等同于开启了标准模式,那么浏览器就得老老实实的按照W3C的
    复制代码

标准解析渲染页面,这样一来,你的页面在所有的浏览器里显示的就都是一个样子了。

这就是的作用。




欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) Powered by Discuz! 7.0.0