收藏起来!超实用的做网站定义标题的基础方法
2017/11/8
点击:10185
千里之行,始于足下。这句话告诉了我们一个再简单不过的道理:再远的路只要一步步的去走,终会有到达的那一天。两千多年过去了,这句话同样适用于做网站。不管是做网站公司,还是企业都希望自己的网站可以给用户提供最好的用户体验。上海做网站 明企认为我们做网站“足下”的第一步就是网站的标题。做网站定义标题,有哪些基础方法呢?
方法一: <span class="heading">文章标题</span>
虽然在某些情况下<span>会是一个方便的标签,但它并不能表达出标题的完整含义。采用这个方法的一个好处是,我们可以对它附加一个CSS规则,分配其一个heading class,使其文字象标题一样显示。
.heading {
font-size: 12px;
font-weight: bold;
color: red;
}
在这里上海做网站要提醒一下使用这种方法定义标题,有一个风险。就是我们的浏览器要支持css,现在几乎所有的浏览器实际上都是支持css的,除非是很老版本的浏览器。也就是说万一我们设置的这个外部样式表的规则不被老版本的浏览器支持,会怎样?尽管class="heading"为这个标签增加了一点意义,但<span>仍然只是一个普通的标签,可以被大多数浏览器的缺省样式所修改掉。
方法二:<p>和<b>组合
<p><b>文章标题</b></p>,使用一个段落标签,将会给我们带来块级的显示,<b>会把文本变成粗体。但是用这个方法标记一个重要的标题时,我们面对的是同样无意义的结果。不像方法一,<b>标签能在可视化的浏览器中把文字显示成粗体――甚至在不支持CSS的浏览器中。但是和<span>标签一样,搜索引擎也不会因为有一些东西在段落中被加粗了而给予更高的优先。
上海做网站上述介绍的两种方法是目前大家常用的定义标题的方法,虽然有缺陷,但是几乎可以忽略不计,现在所有的电脑版本和浏览器都支持css样式。除了上述两种之外,我们有更好的方法,就是<h1>文章标题</h1>。这是非常好的标题定义方法。
方法一: <span class="heading">文章标题</span>
虽然在某些情况下<span>会是一个方便的标签,但它并不能表达出标题的完整含义。采用这个方法的一个好处是,我们可以对它附加一个CSS规则,分配其一个heading class,使其文字象标题一样显示。
.heading {
font-size: 12px;
font-weight: bold;
color: red;
}
在这里上海做网站要提醒一下使用这种方法定义标题,有一个风险。就是我们的浏览器要支持css,现在几乎所有的浏览器实际上都是支持css的,除非是很老版本的浏览器。也就是说万一我们设置的这个外部样式表的规则不被老版本的浏览器支持,会怎样?尽管class="heading"为这个标签增加了一点意义,但<span>仍然只是一个普通的标签,可以被大多数浏览器的缺省样式所修改掉。
方法二:<p>和<b>组合
<p><b>文章标题</b></p>,使用一个段落标签,将会给我们带来块级的显示,<b>会把文本变成粗体。但是用这个方法标记一个重要的标题时,我们面对的是同样无意义的结果。不像方法一,<b>标签能在可视化的浏览器中把文字显示成粗体――甚至在不支持CSS的浏览器中。但是和<span>标签一样,搜索引擎也不会因为有一些东西在段落中被加粗了而给予更高的优先。
上海做网站上述介绍的两种方法是目前大家常用的定义标题的方法,虽然有缺陷,但是几乎可以忽略不计,现在所有的电脑版本和浏览器都支持css样式。除了上述两种之外,我们有更好的方法,就是<h1>文章标题</h1>。这是非常好的标题定义方法。
下一篇: 网站按钮是网站建设中使用最多的元素
[收藏起来!超实用的做网站定义标题的基础方法]网址:http://www.mq163.net/wangluoyingxiaozhishi/detail_607.htm 转载需注明出处。
建站知识
网站设计知识网站建设知识网络营销知识微信营销知识公司建站新闻网站建设套餐
网站建设优势企业官网建设品牌创意网站电子商务网站微信开发手机网站建设成品网站建设阅读推荐
上海做网站介绍多语言网站制… 上海做网站公司介绍全平台企… 上海做网站推荐网页设计字体… 网站按钮是网站建设中使用最… 企业网站建设排版要主次分明… 网站制作想要高端上档次,这… 收藏起来!超实用的做网站定… 企业网站备案通过后,想换域… 上海建网站总结出网站页面设… 卡地亚品牌官网制作-明企科…网站建设流程
需求分析
费用计算
签订协议
创意设计
修改反馈
网站测试
售后维护