CSS的一种常见用途是更改标头标记和链接的属性。当您要突出显示页面中的重要关键字短语,但又不想在页面上有很大的标题时,此功能很有用。
例如,这将标题文本的大小减小到中等。
<H1 STYLE =“ font-size:medium”>搜索引擎优化</ H1>
以下内容删除了链接的下划线。这对于在页面顶部,侧面或底部创建有吸引力的,搜索引擎友好的导航栏链接很有用。
<A HREF=”index.html’ STYLE=”text-decoration: none’> Home </A>
下面的示例向您展示如何更改链接颜色以适合您的网站样式。链接颜色保持不变,即使用户单击它也是如此。即,链接颜色不会更改为“访问的链接”颜色。
<A HREF=”index.html’ STYLE=”color: blue’> Home </A>
您可以将CSS包含在HTML标记内(如上所述),在网页中,或放置在单独的文件中并从网页链接到。
通过以上示例,我已经在HTML标记本身中设置了层叠样式表(CSS)属性。如果您想在整个页面中使用相同的CSS属性,则可以在页面中一次为HTML标签设置CSS属性,更改将反映在整个页面中。
为此,请在HTML文档开头的HEAD部分之间添加CSS属性。
例如:
<HEAD>
<STYLE TYPE =“ text / css”>
<!-
H1 {
font-size:medium;
}
->
</ STYLE>
</ HEAD>
通常的做法是在CSS文件中设置级联样式表(CSS)属性,以使它们反映在整个网站上。这不仅使您不必重复输入相同的CSS属性,而且还减小了HTML文档的大小,这意味着可以缩短下载时间。
为此,将CSS代码添加到新文档并将其另存为.css文件。
例如:
css-file.css
marketing.css
然后,在HTML文档开头的HEAD部分之间添加指向CSS文件的链接。
例如:
<HEAD>
<LINK REL =“样式表” HREF =“ marketing.css” TYPE =“ text / css”>
</ HEAD>
级联样式表(CSS)的一个缺点是较早的浏览器(Internet Explorer 3.0或Netscape 4.0或更早版本)不支持它们。因此,如果您彻底更改任何HTML标记,并且有人使用了不支持CSS的旧网络浏览器,则该页面可能会给用户带来麻烦。
但是,只有极少数的互联网用户仍在使用不支持CSS的网络浏览器。因此,您应该使用它而不必过多担心。
网站地图是网站内容的可视模型,允许用户查找特定的内容或页面。它们就像是交互式目录,带有指向网站最重要主题或页面的链接。网站地图是按层次结构组织的,将网站的信息分解为越来越具体的主题区域。
网站地图可以帮助搜索引擎查找,爬网和索引网站中的所有页面。因此,我建议您为每个站点创建一个站点地图。