您的位置：首页 > Web前端 > HTML

html基本常识

2015-07-11 23:05 543 查看

用div布局，css控制

//编辑器用的是sublime

<!DOCTYPE html>
<html>

<head>
<title>Div buju	</title>
</head>

<style>
#continer{
height: 1500px;
width: 1000px;
background: pink;
}
#header{
height: 300px;
background: green;
}
#bodyer{
height: 600px;
background: white;
}
#b1{
height: 600px;
width: 600px;
background: blue;
float:left;
}
#b2{
height:300px;
width: 400px;
background: red;
float:right;
}
#footer{
height: 200px;
background: gray;
}
</style>

<body>
<div id="continer">
<div id="header"></div>	<!-- 头 -->

<div id="bodyer">
<div id="b1"></div>	<!--b1,b2为bodyer中的布局 -->

<div id="b2"></div><!-- 宽度值之和不能大于continer的宽

度，否则不能并排显示。-->
</div>

<div id="footer"></div>	<!-- 尾 -->
</div>
</body>

</html>

1.DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记

语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。

作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

document.compatMode：

BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。

CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

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

compatMode默认就是BackCompat。

2.<html xmins= "http://www.w3.org/1999/xhtml">是什么意思

xmlns是XHTML namespace的缩写。

作用：由于xml允许定义自己的标记，但你定义的标记和其他人定义的标记有可能相同，但

表示不同的含义。当文档交换或者共享的时候就容易产生错误。为避免这种错误产生，xml

采用名字空间声明，允许你通过一个网址来识别你的标记。

XHTML是HTML先xml过度的标记语言，它需要符合xml文档规则，因此，也需要定义

名字空间，又因为XHTML1.0不能自定义标识，所以，它的名字空间都相同，就是：
http://www.w3.org/1999/xhtml
3.注释： 及 /* */

4.注意编码问题，一般使用UTF-8 能显示中文

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航