【网页重构应该避免的10大CSS糟糕用法_html/css_WEB-ITnose】教程文章相关的互联网学习教程文章

a链接刷新页面与js刷新页面用法示例介绍

1、a链接的使用操作: 代码如下: <a href="javascript:history.go(-1);">返回上一页</a> <a href="#top">刷新当前页</a> #top的效果在我这没起作用,我直接写的<a href="">刷新当前页</a>倒是起作用了。 2.、JS怎么刷新当前页面 reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面...

html中position的一个小用法使用介绍

昨天刚学了html的一些内容,就迫不及待的想做个京东上面的搜索条,结果做是做出来了,不过在做那个购物车结算的时候,有个上面显示的数字不知道该怎么加了,如果想让数字跟着购物车一起动的话,就必须将它们两个定位在一起,定位的话肯定就需要position,首先将数字的div的position设置为absolute,有一种层的感觉,因为此时的数字的position的父标记是body所以设置top和left的时候也可以设置到和购物车想要的位置,不过将购物车的...

html的table用法(让网页的视觉效果显示出来)

我们知道在网易博客可以用html时,是否把代码直接加入到摸板中,但是效果却不是很好。那是因为没有对代码进行很好的排列,现在我说一下用table来排列,可以很好的把特效显示出来。 在html语法中table(即表格)是不可少的部分,没有着个,是很难对网页的视觉效果显示出来,现在我就说一下table。下面就是一个二行二列的表格: 代码为:<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid;...

用INS和DEL标记文档改变用法详解

ins和del是在HTML4.0时引入的,可以帮助创作者开发文档时相互合作,并且也保持了一些编辑(比如可以反应创作者是一段时间内是修改文档的、如何思考的)和版本控制的成分(在软件的帮助下,可以让文档恢复到某一特定时间下的状态)。 属性 1.cite:属性值是一个文档或者信息资源的URI,这个属性是要指出为什么改变这个文档的解释信息 2.datetime:属性值明确详细的说明修改发生的日期和时间 datetime属性值的格式:YYYY-MM-DDThh:mm...

html中锚标记用法实例分享【图】

锚标记用法: 链接到同一文档中的特定位置叫做锚链接。 锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<a>标记的name属性的值来确定 定位标记名称。格式为: <a name="定位标记名"> 属性 name 用于创建一个命名的锚。当使用一个命名的锚,我们可以创建一个直接跳转到页面的指 定部分的链接,而不需要让读者通过滚动条拖动来找他/她需要的部分。 下面是创建一个命名锚的语法: <a name="label">Text to be displayed<...

HTML标记一览表及用法说明

HTML标记一览表 标记类型名称或意义作用备注文件标记<HTML>●文件宣告让浏览器知道这是 HTML 文件 <HEAD>●开头提供文件整体信息 <TITLE>●标题定义文件标题,将显示于浏览器顶端 <BODY>●主体设计文件格式及内容所在 排版标记<!--注解-->○说明标记为文件加上说明,但不被显示 <P>○段落标记为字、图、表格等之间留下一空白行 <BR>○换行标记令字、图、表格显示于下一行 <HR>○水平线插入一水平线 <CENTER>●居中令字、图、表格等...

HTMLthead标签定义和用法详细介绍

代码如下: <thead> <!–把前两行视为头部区域–> <tr> <td rowspan=”2″></td> <td rowspan=”2″></td> <td rowspan=”2″></td> <td colspan=”3″></td> <td scope=”col” colspan=”2″ rowspan=”2″></td> </tr> </thead> 想问一下这段代码<thead> <!–把前两行视为头部区域–>中的注释为什么说是把前两行视为头部区域,意思是thead这个元素本身默认了行数为二?还是别的什么原因? 还有scope=”col”的意思是不是把范围锁...

iframe标签用法详解(属性、透明、自适应高度)

1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。 提示和注释: 提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器。 iframe标签是成对出现的,以<iframe>开始,</iframe>结束 iframe标签内的内容可以做为浏览器不支持iframe标签时显示 属...

DOCTYPE声明作用及用法详解

一、浏览器呈现模式和doctype 有的网页是遵循标准而创作的,但也有很多不是。即使你不能创建遵循标准的网页,也希望浏览器根据标准来正确显示那些页。目前,大量网页充斥着大量非标准代码,它们仍能正常地工作。事实上,为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示(虽然呈现方式可能有所区别)。这是什么原因呢?事实上,假如严格遵循最新标准,会完全破坏那些页的生存基础。对于任何希望有所作为的浏览器来说...

htmlH标题标签的用法【图】

对于H标签的用法特别是h1的用法一直是个争议的问题,也是值得我们研究的问题。我在总结了前人经验的基础上结合自己对H标签的理解,写下了这篇文章,希望对大家有所帮助。 什么是H标签? W3C指出h1-h6标签可定义标题。h1定义最大的标题。h6定义最小的标题。 h1,h2,h3,h4,h5,h6,作为标题标签,并且依据重要性递减。我认为遵循这样的原则是很有必要的,它能让页面的层级关系更清楚,让搜索引擎更好地抓取和分析出页面的主题内容...

ins标签和del标签的属性和用法

ins和del是在HTML4.0时引入的,可以帮助创作者开发文档时相互合作,并且也保持了一些编辑(比如可以反应创作者是一段时间内是修改文档的、如何思考的)和版本控制的成分(在软件的帮助下,可以让文档恢复到某一特定时间下的状态)。 ins和del属性cite:属性值是一个文档或者信息资源的URI,这个属性是要指出为什么改变这个文档的解释信息datetime:属性值明确详细的说明修改发生的日期和时间 W3C关于del和ins的解释: INS and DE...

html标签a的target属性的用法

1:如果使用标签<a>来链接到一个页面的话,target属性的作用,相信大家都知道。就是指对链接的页面以怎么样的形式展现出来,target常用的值有:_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中打开链接的页面)。当然还有_top等等,因为不常用,所以在此就不多做介绍了。 例如:<a href="http://jb51.net" target="_blank">脚本之家 </a> 表示要链接到脚本之家去,并以新开窗口打开 2:如果使用标签<a>触发一个...

HTML标签tbody的用法与说明

tbody 元素应该与 thead 和 tfoot 元素结合起来使用。   表格的分组显示(Structured Table) (IExplore Only) 一、按行分组 <thead> ... </thead> - 表的题头(Header) <tbody> ... </tbody> - 表的正文(Body) <tfoot> ... </tfoot> - 表的脚注(Footer) 例: <table border> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th></tr> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>D</td><td>E</td><td...

网页表单元素Input的高级用法11例

1. 取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2. 只读文本框内容 在input里添加属性值 readonly 3. 防止退后清空的TEXT文档(可把style内容做做为类引用) <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput> 4. ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13) event.keyCode=9" > 5. 只能为中文(有闪动) <input onkeyup="value=value.r...

htmltbody用法

表格的分组显示(Structured Table) (IExplore Only) 1)按行分组 <thead> ... </thead> - 表的题头(Header) <tbody> ... </tbody> - 表的正文(Body) <tfoot> ... </tfoot> - 表的脚注(Footer) 例: <table border> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> </table> 2)按列分组 <colgroup align=#> #=left, r...