查看文章 |
语义化网页的好处,最主要的就是对搜索引擎友好,良好的结构和语义你的网页内容自然容易被搜索引擎抓取,你网站的推广,SEO优化工作便可以省下不少的功夫。 <p>:段落标记,知道了<p>作为段落,你就会放弃用<br/>来换行了,而且不需要<br/><br />来区分段落与段落。<p></p>中的文字会自动换行,而且换行的效果优于<br/>。关于搜索引擎方面<p>代表定义主题文字,<p>内的文字会被搜索引擎认为是网页上的描述主要内容文字区。 <ul>、<ol>、<li>:<ul>无序列表标签,<ol>有序列表标签也是经常使用到的。在web标准化过程中,<ul>还被更多的用于导航条,这样做是完全正确的,而且当你的浏览器不支持CSS的时候,导航链接仍然很实用。另外还有一个好处是<ul><ol> 的代码相对<table>而言比较少,对网页下载十分有利。在此并无其他含义。 <dl>、<dt>、<dd>:dl就是“定义列表”。现在来对无序列表标签和有序列表标签语义化效果进行对比。例1的语义化后代表列表的标题是dog,描述的内容是A carnivorous mammal of the family Canidae. <em>、 <strong>:<em> 是用作强调的,<strong>是用作重点强调的。大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,如果是为了确定强调内容的显示方式,最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时,就不要使用强调了。而且如果你想要强调但是还觉得粗体或者斜体不视觉效果没那么好,那么你完全可以定义一些其他的比较醒目的样式达到强调的效果。但是,要面对搜索引擎<em> 和<strong>的标签就大有用处,适当使用<em>、<strong>标签可以突出网页内关键词是什么,是 seo工作的首选标签。 <table>、<td>、<th>、< caption >、 summary:XHTML中的表格标签不光是用来布局的。<th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下: 对于浏览者可能是永远不会看到这个标签的,但对于搜索引擎来说这些标签都是真实有用的,例如<th>语义化的含义与<hx>语义化的含义是基本相同的,<tbody>又类似<p>的作用。读者看到这里大概已经发觉了语义化的标签含义是相通的。 <alt>< title>:title属性用来为元素提供额外说明信息title属性可以用在除了 base,basefont,head,html,meta,param,script和title之外的所有标签。关于<alt>标签的用法前面的章节讨论过,一张图片上绘画的图案或者名称搜索引擎是抓取不到的,所以在图片上使用alt标签已经为图片增加一段描述的文字,在这里<alt>标签的作用就类似于<p>的作用。<Title>标签作用类似于<alt>标签。 |