1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html+css基础-4-html标签 Doctype iframe table布局

html+css基础-4-html标签 Doctype iframe table布局

时间:2022-08-02 03:51:42

相关推荐

html+css基础-4-html标签 Doctype iframe table布局

一,html标签

基本

<html>…</html>定义 HTML 文档<head>…</head> 文档的信息<meta>HTML 文档的元信息<title>…</title> 文档的标题<link> 文档与外部资源的关系<style>…</style> 文档的样式信息<body>…</body> 可见的页面内容

文本

<h1>...</h1>标题字大小(h1~h6)<b>...</b> 粗体字<strong>...</strong> 粗体字(强调) <i>...</i> 斜体字 <em>...</em> 斜体字(强调)<center>…</center> 居中文本<ul>…</ul> 无序列表 <ol>…</ol> 有序列表<li>…</li>列表项目<a href=”…”>…</a> 超链接<font>定义文本字体尺寸、颜色、大小<sub>下标<sup>上标<br> 换行<p> 段落

图形

<img src=’”…”> 定义图像<hr> 水平线<del> 加删除线

表格

<table>…</table> 定义表格<th>…</th> 定义表格中的表头单元格<tr>…</tr> 定义表格中的行<td>…</td> 定义表格中的单元

其它

<form>…</form> 定义供用户输入的 HTML 表单<frame> 定义框架集的窗口或框架

转义字符

< &lt; > &gt; 空格 &nbsp; © &copy; ® &reg; ™ &trade;

二,Doctype的作用,有几种文档类型

声明该网页所采用的文档类型。

由于历史的原因,浏览器对页面的渲染方式是不一样的,但在W3C标准出台之后,浏览器对页面的渲染有了同一的标准即(严格模式或标准模式)。但是为了保证以前就得页面仍然正常显示,有的浏览器就保存了这两种渲染模式(标准兼容模式)。那么究竟采用哪一种方式进行渲染,就要看DOCTYPE生命中的DTD。

1.过渡版本

一种要求不很严格的DTD,允许在页面中使用HTML4.01的标识(符合xhtml语法标准)。过渡的DTD的写法如下:

“/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

2.严格版本

一种要求严格的DTD,不允许使用任何表现层的标识和属性,例如

等。严格的DTD的写法如下:

“/TR/xhtml1/DTD/xhtml1-strict.dtd”>

3.基于框架的html版本

一种专门针对框架页面所使用的DTD,当页面中含有框架元素时,就要采用这种DTD。框架的DTD的写法如下:

“/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

使用严格的DTD来制作页面,当然是最理想的方式。但是,对于没有深入了解Web标准的网页设计者,比较合适的是使用过渡的DTD。因为这种DTD还允许使用表现层的标识、元素和属性,比较适合大多数网页制作人员。

三,iframe

rame是嵌入式框架, 是html标签, 还是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架(即行内框架) . 说白了, iframe用来在页面嵌入其他页面.

优点:

可以通过iframe嵌套通用的页面, 提高代码的重用率, 比如页面的头部样式和底部版权信息重新加载页面时, 不需要重载iframe框架页的内容, 增加页面重载速度.维护性好一点(修改简单)

缺点:会产生很多页面,不容易管理,还会增加很多http请求iframe框架的内容无法被搜索引擎捕获, 所以iframe不适用于首页iframe兼容性较差iframe会阻塞主页面的Onload事件浏览器的后退按钮无效

四,div+css布局较table有什么优点

1,布局更加灵活,而不是像table那样,只能table,tr,td.

2,符合W3C标准,代码结构清晰明了,结构、样式和行为分离,带来足够好的可维护性。

3,seo好,加快了页面的加载速度(最重要的)(在IE中要将整个table加载完了才显示内容)。

五,px和em,rem的区别

1,px是固定的像素

2,em是相对于父元素的字体大小。

3,rem是相对于根元素html的字体大小。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。