HTML知识积累及实践（六） - pre，混合框架

最新推荐文章于 2023-10-07 23:25:37 发布

Moresweet猫甜

最新推荐文章于 2023-10-07 23:25:37 发布

阅读量399

点赞数

本文链接：https://blog.csdn.net/qq_38853759/article/details/82717134

版权

html - pre标签

pre 元素可定义预格式化的文本. 被包围在 pre 元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体<pre> 标签的一个常见应用就是用来表示计算机的源代码:

形式：

<pre>

<html>

<head>

</head>

<body>

</html>

</pre>

网上的源代码上传，就用了这个标签，对于各种语言关键词的颜色改变多用了应用的插件，不用插件不会变颜色

如果直接把代码或者处理文字放入html源代码的话，会被浏览器解析出来，比如<会被认为成标签的开始
所以要把所有的<替换成&lt等，特殊字符必须替换

例如：

以下代码

<body>

<pre>
	<title>HTML国际化标准模板 - TCH</title>  
		<meta name="Keywords" content="关键词,关键词,关键词">
		<meta name="description" content=""> 
</pre>

本身是想把pre中的代码按照预格式处理的方式打出来，但是没有结果，因为<title>这些被解析了

将所有的特殊符号替换之后即可

<body>

<pre>
		&lttitle&gtHTML国际化标准模板 - TCH&lt/title&gt  
		&ltmeta name="Keywords" content="关键词,关键词,关键词"&gt
		&ltmeta name="description" content=""&gt 
</pre>

</body>

这样就不会被浏览器解析了

效果如下：

html - 框架

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性垂直框架(cols)、水平框架(rows)

形式：

</frameset>

frameset 与body的是同级的，body要干掉，不删掉的话看不到效果
横排rows 竖排cols
*代表剩余的部分

<frameset cols="20%,*,30%">
	<frame src="a.html"></frame>
	<frame src="b.html"></frame>
	<frame src="c.html"></frame>
</frameset>

其中，a.html b.html c.html 只是分别添加了文本内容，便于观察实践结果

效果如下：

框架的第二个分支 - 混合框架

即在框架内还可以嵌套框架

<frameset rows="20%,*,10%">

	<frame src="a.html"></frame>
	
	<frameset cols="20%,*">
		<frame src="left.html"></frame>
		<frame src="right.html"></frame>
	</frameset>

	<frame src="c.html"></frame>

</frameset>右侧的内容部分

效果如下：

框架的第三个分支 - 导航框架

<frameset rows="15%,*">
	<frame src="top.html"></frame>
	<frameset cols="16%,*">
		<frame src="dh.html"></frame>
		<frame src="content.html" name="content"></frame>
	</frameset>
</frameset>

top.html为首行标题

dh.html为导航块，由一些a标签组成，其target指向变换content.html所在区域

content.html显示导航内容页

效果如下：

框架的第四个分支 - 内链框架

形式：

<p>一些老的浏览器不支持 iframe。</p>

<p>如果得不到支持，iframe 是不可见的。</p>

<body>

<h1>HTML标签 - 内链框架</h1>

<iframe src="http://baidu.com" width="1000" height="500"></iframe>

</body>

效果如下：

对于html框架，不利于seo优化，所以现在开发一般不会用框架

百度搜索SEO优化，百度搜索引擎优化指南
我们建议
使用文字而不是flash、图片、js等来显示重要的内容或链接
如果必须使用flash制作网页、建议同时制作一个供搜索引擎收录的文字、并在首页使用文本链接指向文字版
ajax等搜索引擎不能识别的技术，只用在需要用户交互的地方，不把希望搜索引擎“看”到的导航及正文内容放到ajax中
不使用frame和frame框架结构、通过iframe显示的内容可能被百度丢弃
良好收录：机器可读，百度通过一个叫做Baiduspider的程序抓取互联网上的网页，经过处理后键入索引中。目前Baiduspider只能读懂文本内容、flash、图片等非文本内容暂时不能处理，无法识别flash、图片、javascript中的内容

互联网的东西是以需求为导向而不是以技术位导向！！！切记！！！

Moresweet猫甜

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML知识积累及实践（六） - pre，混合框架

html - pre标签pre 元素可定义预格式化的文本. 被包围在 pre 元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体&lt;pre&gt; 标签的一个常见应用就是用来表示计算机的源代码: 形式：&lt;pre&gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt...
复制链接

扫一扫