给大家带来公道使用HTML标志优化网页结构
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。网页制造poluoluo文章简介:我要多用一些语义性标签,可是也要对号入坐,标签语义要用对。
我们一向在讲CSS网页结构代码的优化,在poluoluo.com以往的文章中,也一向夸大语义和文档的布局。跟着外洋对WEB尺度的推行,有些老手以为,web2.0就是把之前的table结构都改成DIV+CSS结构就是web2.0。实在否则,我们要公道使用这些标签。有一点值得引发注重,那就是在web开辟职员圈子里一般被称为“div-itis”的对div元素的滥用征象。
经由过程大批的嵌套div或span元从来增加款式的确很便利,但仍是应只管制止这类勾引。在多半情形下,为文档内现有元素附加款式或JavaScript功效是能够做到不用引进div或span元素的。作为通用容器的div或span元素应作为最初的手腕利用——也就是说,最好是先只管以语义化元从来编写网页,仅在的确必要时才到场通用容器元素。
以是我们要:优化优化再优化精简和优化CSS网页结构代码
我要多用一些语义性标签,可是也要对号入坐,标签语义要用对。
HTML元素的语义种别
布局
这些元素的语义界说了他们在文档中饰演着的布局的脚色
div
span
ol,ul,li,dl,dt,dd
del,ins
h1..h6
p
内容
这些元素的语义界说了在文档中暗示内容标志的语义
a
abbr
acronym
address
blockquote
cite
code
dfn
kbd
q
samp
var
润色描述
这些元素起到对内容的润色和描述
strong
em
"Onceyouvecompletedyourmarkup,gooverittwomoretimesandfindwaystoreducethenumberofelementsonthepage.DoesthatULreallyneeditsownwrappingdiv?Ithinknot."
注重您的款式表
当我们的网页内容做得良多的时分,款式表文件的代码也跟着复杂和痴肥起来。
我们也渐渐感到到,有些中央分歧理或反复界说。
这就是你对CSS选择符使用上呈现成绩了,天真利用这些CSS选择符是利用CSS把持网页的基本,CSS选择符也是CSS进修的重点和难点。
我们是不是应在计划的入手下手应当公道使用这些CSS选择符那?
关于CSS选择符的分类,利用,界说,因为内容之年夜我就不说了,必要的能够在poluoluo.com找到谜底,一些关于CSS款式表的优化技能的文章进修一下。
</p>
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
页:
[1]