isindex是html5中新增的标签吗

html-css09

isindex是html5中新增的标签吗,第1张

不是。

经博客园网查询isindex不是html5中新增的标签,HTML5为了SEO将div语义化了,新增加结构标签如下:section元素、article元素、aside元素等,新增标签中没有isindex。

HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。

w3c网站

w3cshool官网是全球最大的中文 Web 技术教程。其中包括w3c的标准技术:HTML、CSS、XML,在这上面可以轻松的学习html(html5)、css(css3)及JavaScript等知识,内附html参考手册、案例,在线测试,边写边运行十分直观,学习起来非常轻松。

html5视频网站

近年来在线教育非常火热,很多网站都开办了在线视频教程,很多视频都是免费的,风靡全球的html5自然也被各大在线教育网站作为主要视频教程之一,你可以搜索一下在线教育网站,有很多,比如:51CTO、极客学院、慕课网等等。

html5纸质书

如何你想要认认真真的学习html5,可以买基本比较热门的html5书籍,这类书籍你可以先去豆瓣、京东上看看排名,网友的评论,买一两本比较好的书,然后认真学习下。

百度网盘html资料

要会利用百度网盘,现如今百度网盘被很多学习者用于放置各种学习资料,可以利用百度网盘搜索引擎去百度网盘中搜索有关html5的资料,百度网盘中,包含了大量有关的电子书,案例、源码等,非常有助于学习。

html5百度贴吧

百度贴吧中一般都聚集很多学习爱好者,在里面不仅可以寻找到很多别人共享的资料,而且还能看多很多人遇到的问题,及解决方案,非常有助于帮助自己丰富阅历,解答疑惑。

html5的QQ群

在QQ上多搜索几个学习html5的QQ群,一般群里面有很多资料,大多数都是别人共享的,加入QQ群遇到问题可以请教群中的人,方面大家一起交流学习。

CSDN、博客园、51CTO等博客

这些博客中都是前辈们的一些总结及技巧,从中可以学习到高很多知识,也能解答很多疑问,让人受益无穷。

8

多动手练练

光看多读不练是没有效果的,只有多读多看多练才能把知识转化成自己的,现在就开始动手吧。

一:(理论)语义化标签是什么?

语义化标签就是尽量使用有相对应的结构的含义的Html的标签,以Table为例:

<table>

<tr>

<td>消费项目</td>

<td>消费金额</td>

</tr>

<tr>

<td>吃饭</td>

<td>20元</td>

</tr>

</table>

你看出了上面的Table有什么毛病吗?嘿嘿,那你看这个语义化的标签

<table>

<caption>花费记账</caption>

<thead>

<tr>

<th>消费项目</th>

<th>消费金额</th>

</tr>

</thead>

<tbody>

<td>吃饭</td>

<td>20元</td>

</tbody>

</table>

这两块代码的标签不一样,第二个表格的这些标签代码,无疑更符合Web标准.

<caption>:表格的标题

<thead>:一表格的表头

<th>:表的某一列的列头。

再说我们习以为常的

<title>博客园简介</title><body>博客园是一个软件开发的技术乐园,它于2004年创办,这里...</body>

你看,为什么我们看一篇文章,一下就知道标题在哪呢?在浏览器的顶端。那为什么搜索引擎能抓取呢?就是它知道这个语义化标签<title>里的就是文章标题,要是我们不遵守这个,而是:

<span>博客园简介</span><span>博客园是一个软件开发的技术乐园,它于2004年创办,这里...<span>

那搜索引擎怎么就知道谁是标题,谁是内容了呢?它又靠什么去抓取标题呢?其实语义化不仅可以是标签语义化,还可以延伸成结构语义化.举例:

#left{float:leftmargging-left:50px}

#right{float:rightmargin-top:100px}

<div id="left">content..</div>

<div id="right">content..</div>

这个例子里对id的命名稍微有点夸张,但是类似的情况却使有的,当我们想把#left这个div放到页面的右边,和#right调换位置时,难道你可以把样式改成这样?

#left{float:rightmargin-left:50px}

#right{float:leftmargin-top:100px}

那样看着多别扭,多误导人这两个div的布局啊.

应该写成这样.

<div id="main">content..</div>

<div id="sidebar">content..</div>

那样既一目了然这几个div里是什么内容也方便对其中的样式进行修改.

二:(理论)语义化标签怎么样?

1.结构更好,更利于搜索引擎的抓取(SEO的优化)和开发人员的维护(可维护性更高,因为结构清晰,so易于阅读)。

2.更有利于特殊终端的阅读(手机,个人助理等)。

三:(行动)语义化标签怎么办?

尽量用有结构含义的,少用无语义的,如<span>,<div>无意义,看不出是什么东西,可是<address>一看就知道这里面的是地址,em标签一看就知道这个是强调的内容,区分于不同内容。

那么,怎么判断你的页面是否符合Web标准之一:语义化标签呢?你可以把你的页面暂时去掉样式后看可读性怎么样,如果这个时候感觉你的页面很乱,那就说明的的页面的语义化标签不怎么样,而如果你的页面去掉样式了感觉依然不是杂乱无章的,那么,就说明你的页面结构清晰,语义化标签比较可以了。