(缩减版网页基础.docxVIP

真正厉害的人物是 DIV、Table、CSS 用得恰到好处，他们三个各做各的事情，DIV 布局页面，Table 存储数据，CSS给页面穿衣服！1)将页面中最重要的内容用 h1 标签括起来， h1 的内容就和页面 title 很自然的包含了站点或者页面的核心关键词，搜索引擎很重视 h1 标签的内容哟2)合理的运用 h2、h3 等标题标签，他们对于页面来说就是文章不同的等级或者不同的功能区域的标志性元素meta生词本英?[met?]美?[met?]abbr.(Greek=after or beyond) （希腊语）在…之后或超出；?[辨证法]元语言网 络后设；标签的优化；恶魔蜕变；元3)页面 meta 信息不可忽视，一定要包含页面核心的内容4)为了便于搜索引擎更方便的抓取，要尽可能的保证 HTML 页面代码纯净，强调一下，既然是 xHTML+CSS 布局页面，所以 CSS 代码要单独写在一个文件内，保证 CSS 部分和 HTML 部分彻底分离；html 页面中使用 id 和 class，尽可能的避免 style=;尽量使用标准的 CSS 命名规范， 从这里就可以看出你这个页面重构师是否专业哟； 尽量使用 CSS 的缩写以节省代码，例如 padding:10px 20px 10px 20px;缩写为 padding:10px 20px;最好不要在 HTML 页面用font、center 这种标签。5)在 HTML 页面中 strong 标签是可以使用的，可以进一步强化关键词和相应的文字信息。6)页面中的 javascript 代码会对搜索引擎分析页面内容产生干扰， 可以将 javascript 代码封装在一个.js 文件中外部调用。7)img /尽可能的加入 alt 注释， 因为百度和 google 都有搜索图片的功能， 如果加了 alt，就更方便搜索蜘蛛的爬行， 搜索相应关键词， 就可能出现你网站上的图片， 点击图片不就进入你的网站了嘛，就又多了点流量吧。第一：如何让 CSS 去控制 HTML 页面效果呢？有这么 4 种方式，行内方式、内嵌方式、链接方式、导入方式2）内嵌方式内嵌方式就是将 CSS 代码写在head/head之间，并且用style/style进行声明，例如：1. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd2. html xmlns=/1999/xhtml3. head4. meta http-equiv=Content-Type content=text/html; charset=gb2312 /5. title无标题文档/title6. style type=text/css7. !--8. #div1{width:64px; height:64px; float:left;}9. #div1 img{width:64px; height:64px;}10. --11. /style12. /head13. body14. div id=div1imgsrc=/index/images/ico/2days.gif //div15. 全国的 CSS 爱好者汇聚于此，如果不来，你就 OUT 喽~我们的口号是：16. “分享自己的欢乐与痛苦，分享自己的经验与心得，分享自己的资料与资源”17. 如果您也愿意，就加入我们吧~18. /body19. /html内嵌方式， 大家应该也能意识到， 即使有公共 CSS 代码， 也是每个页面都要定义的， 如果一个网站有很多页面，每个文件都会变大，后期维护也大，如果文件很少，CSS 代码也不多，这种方式还是很不错的。3）链接方式链接方式是使用频率最高，最实用的方式，只需要在head/head之间加上1. link href=style.css type=text/css rel=stylesheet /，就可以了，这种方式将 HTML 文件和 CSS 文件彻底分成两个或者多个文件，实现了页面框架 HTML 代码与美工 CSS 代码的完全分离，使得前期制作和后期维护都十分方便， 并且如果要保持页面风格统一， 只需要把这些公共的 CSS 文件单独保存成一个文件，其他的页面就可以分别调用自身的 CSS 文件，如果需要改变网站风格，只需要修改公共 CSS 文件就OK 了，相当的方便，这才是我们 xHTML+CSS 制作页面提倡的方式。HTML 代码1. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.d