html基本常识

最新推荐文章于 2022-07-27 18:33:48 发布

zhenggy_

最新推荐文章于 2022-07-27 18:33:48 发布

阅读量570

点赞数

分类专栏： HTML总汇

本文链接：https://blog.csdn.net/Ash_Zheng/article/details/46845763

版权

HTML总汇专栏收录该内容

4 篇文章 0 订阅

订阅专栏

用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 能显示中文

zhenggy_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基本常识

用div布局，css控制 Div buju #continer{ height: 1500px; width: 1000px; background: pink; } #header{ height: 300px; background: green; } #bodyer{ height: 600px; background: white;
复制链接

扫一扫

专栏目录