来讲讲：加深对HTML和CSS标签语义化的了解
目前我们的站就是div+css做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.前两天列入了公司构造的一个WD培训，有一节课讲了标签语义化，听了以后感到出格有效，改正了我之前对HTML和CSS的毛病意见。
起首申明的一点是，人能够经由过程视觉的分别判别内容的语义,搜刮引擎看到的只是代码。搜刮引擎只能经由过程标签来判别内容的语义。之前我真的没有怎样器重过搜刮引擎，如今入手下手对照在乎了，由于页面的很年夜一部分流量是来自搜刮引擎的，要使页面尽量地对搜刮引擎友爱，以是就要尽量地使标签语义化。
之前以我对web开辟的深刻了解，以为写一个好的切合尺度的页面只必要把布局和体现分别，然后不要利用table，font等标签就好了，至于通篇都是div我也不会以为有甚么成绩，由于CSS很壮大。可是，一切的标签都是有本人的语义的，上面给出一部分标签的语义：
div语义：Division（分开）
span语义：Span（局限）
ol语义：OrderedList（排序列表）
ul语义：UnorderedList（不排序列表）
li语义：ListItem（列表项目）
…………
假如忽视标签语义和默许款式，一切标签都用div，实在也是能够写出来视觉效果很好的页面，只需你天真使用CSS。可是那样的话固然视觉上到达了请求，可是全部页面一点语义都没有，搜刮引擎仍是看不懂。以是，要记着：
布局(html)才是重点，款式(css)是用来润色布局的。以是，要先断定html，断定标签，再来选用符合的css。
一样平常来讲，一切的标签城市有一个默许的款式，以是一个复杂的判别网页标签语义是不是优秀的办法就是：往失落款式，看网页布局是不是构造优秀有序，是不是仍旧有很好的可读性。
别的，值得重点说起的是h标签，h标签的语意是题目，搜刮引擎对这个标签对照敏感，出格是h1,和h2。一个语义优秀的页面，h标签应当是完全有序没有断层的。也就是说，要h1,h2,h3,h4如许推上去，不要h1,h3,h4，遗漏h2。一个布局优秀的网页，h标签能够构造起一个网页的纲目。
以上这些器材都是WD的工程师阿当讲的，我受益不浅，加深了对html的了解。HTML固然很复杂，可是要用好也是很不简单的。
现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。 直接用代码建立链接，如：可以直接输入<aherf=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
页:
[1]