你须要了解的一些web前端常见概念整理

时间 2019-11-08

标签须要了解一些 web 前端常见概念整理栏目 HTML 繁體版

原文原文链接

谈谈对web标准的理解

Web标准不是某一个标准，而是由一系列标准组合而成。网页主要由三部分组成：结构、表现和行为。对应的标准也分三方面：结构化标准语言主要包括XHTML和HTML以及XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其余标准组织制订的标准。css

网站重构是什么，怎么理解？

网站重构不是一种技术，不是css+div，更不是标准，网站重构是一种思想，是一种理念。html

引用WebReBuild.ORG 的话：当前国内的同行广泛的认为：所谓的网站重构就是“DIV+CSS”，想法当然极度局限。但也不是另外一部分的人认为是“XHTML+CSS”，由于“XHTML+CSS”只是页面重构。真正的网站重构理应包含结构、行为、表现三层次的分离以及优化，行内分工优化，以及以技术与数据、人文为主导的交互优化等。web

xhtml规范的内容有哪些？

1.全部的标记都必需要有一个相应的结束标记

之前在HTML中，你能够打开许多标签，例如<p>和<li>而不必定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，全部标签必须关闭。若是是单独不成对的标签，在标签最后加一个"/"来关闭它。优化

2.全部标签的元素和属性的名字都必须使用小写

与HTML不同，XHTML对大小写是敏感的，<title>和<TITLE>是不一样的标签。XHTML要求全部的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被承认的，一般dreamweaver自动生成的属性名字"onMouseOver"也必须修改为"onmouseover"。网站

3.全部的XML标记都必须合理嵌套

一样由于XHTML要求有严谨的结构，所以全部的嵌套都必须按顺序，之前咱们这样写的代码：
如下是引用片断：ui

<p><b></p></b>

必须修改成：编码

<p><b></b></p>

就是说，一层一层的嵌套必须是严格对称。code

4.全部的属性必须用引号""括起来

在HTML中，你能够不须要给属性值加引号，可是在XHTML中，它们必须被加引号。例如:
如下是引用片断：htm

<height=80>

必须修改成：对象

<height="80">

特殊状况，你须要在属性值里使用双引号，你能够用"，单引号能够使用'，例如：

<alt="say&apos;hello&apos;">

5.把全部<和&特殊符号用编码表示

任何小于号（<），不是标签的一部分，都必须被编码为<
任何大于号（>），不是标签的一部分，都必须被编码为>
任何与号（&），不是实体的一部分的，都必须被编码为&

6.给全部属性赋一个值

XHTML规定全部属性都必须有一个值，没有值的就重复自己。例如：

<td nowrap> <input type="checkbox" name="shirt" value="medium" checked>

必须修改成：

<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使“--”

“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们再也不有效。例以下面的代码是无效的:

<!--这里是注释-----------这里是注释-->

用等号或者空格替换内部的虚线。

<!--这里是注释============这里是注释-->

8.属性最小化

XML不支持属性最小化. 属性值对必须写全。像compact，checked这样的属性名不能不指定属性值而在元素中出现。

正确：最小化属性

<dl compact="compact">

不正确：最小化属性

<dl compact>

以上这些规范是针对xhtml的，但这一切都是为了使咱们的代码有一个统1、惟一的标准，便于之后的数据再利用。

注：还有一些xhtml的规范请你们指出来一块儿分享