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中的内容

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

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

HTML知识积累及实践（一）- 标签样式
HTML知识积累及实践(一) - 标签样式 1.认识HTML (1)HTML不是一种语言,而是一种标记语言 (2)标记语言是由标记标签和纯文本组成的 (3)HTML使用标记标签描述网页 2.HTML标 ...
HTML知识积累及实践（二） - 标签样式
HTML知识及积累(二) - 标签样式图片标签 img 元素向网页中嵌入一幅图像(技术上:是从网页上链接图像) <1> 常见图片格式 ; .jpg .gif (Graphics In ...
HTML知识积累及实践（五） - 表单元素
html - 表单元素一.select标签 select 元素可创建单选或多选菜单注:当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项将其合成一个单独的参数列表,并且在将 < ...
HTML知识积累及实践（四） - 表单元素
html - 表单元素表单是一个包含表单元素的区域. 表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等)输入信息的元素表单使用表单标签(<form>)定义 < ...
HTML知识积累及实践（三） - 列表标签
html - 列表标签一.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签: 每个列表项始于 <li> (列 ...
渗透测试-Linux常用命令知识积累
Linux常用命令知识积累文章目录 Linux常用命令知识积累前言基本操作关机重启查看系统内核信息查看系统内核版本查看当前用户环境变量查看有几个逻辑cpu, 包括cpu型号查看有几 ...
20221915 2022-2023-2 《网络攻防实践》实践六报告
20221915 2022-2023-2 <网络攻防实践>实践六报告 1.实践内容 DNS服务 DNS区域传送 nslookup:default server ls -d Domain_D ...
北医专科计算机试题及答案,计算机考研怎么复习-病例题考的是同学们把所学的理论知识与临床实践相结合的能力-专业课学习...
一.各科目备考指导 1.选课本复习资料课本:选择最新的版本,最好是人民卫生出版社第七版教材资料:贺银成的<西医综合辅导讲义>,北医"黄皮书",贺银成的同步训练,北医 ...
人工智能伦理如何设定，从种群层面看人类的知识积累和进化
前言:9月份中宣部出版局<中国图书评论>对<崛起的超级智能>进行了推荐和评论,对其中阐述的种群知识库扩展观点给予了重点关注.应该说种群知识库扩展是互联网大脑架构不断发展的抽象推 ...

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

html - pre标签

html - 框架

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

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

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

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

最新文章

热门文章