|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
但他也直言说，这就像写软件时，在添加改善的新功能时，难免遭遇稳定性的问题，必须先把问题清除干净，才能推出新产品。破洛洛文章简介：HTML教程:几个不经常使用的HTML标志利用办法.
Xhtml有良多不经常使用却很有效的标签。有的能事半功倍，有的能改善语义，有的则能进步易用性，我总结了一些，总结的准绳是有效并且能用，就是年夜多半扫瞄器得撑持，不然就不算“上上签”了。只能看“签”兴叹又有甚么用呢？
<base>标签
感化：标签为页面中一切链接指定默许链接地点或链接方针。偶然候我们必要让首页的链接全体在新窗口中翻开，利用这个标签就可以一下弄定了！
属性：href:链接地点，target:方针，他的值能够是_blank,_parent,_self,_top,能够在除Strict形式下利用，这个用法我开始是在163.com上发明的。
用法：
<head><!--写在head标签之间-->
<basehref="http://www.poluoluo.com/"/><!--将默许链接界说为http://www.poluoluo.com/-->
<basetarget="_blank"/><!--将默许链接方针界说为新窗口中翻开-->
</head>
<head><!--写在head标签之间-->
<basehref="http://www.poluoluo.com/"/><!--将默许链接界说为http://www.poluoluo.com/-->
<basetarget="_blank"/><!--将默许链接方针界说为新窗口中翻开-->
</head>
<caption>标签
感化：caption标签用来界说表格的题目，给表格界说一个题目，来讲明这个表格是干甚么的，岂不是很有“语义”，caption应当写在table以后，默许的款式是居中显现在表格的顶部。你能够经由过程CSS来改动它的款式。
用法：
<tablewidth="200"border="1">
<caption><!--caption应当写在table以后-->
实在我是caption
</caption>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<tablewidth="200"border="1">
<caption><!--caption应当写在table以后-->
实在我是caption
</caption>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<thead>标签、<tbody>标签、<tfoot>标签
感化：thead、tfoot和tbody标签跟他们的名字那样，分离是表格的头部（良多人只是用th）、主题、和底部，他们能让表格加倍语义化的同时，也能让我们加倍便利的把持表格的体现。外洋另有人用很反常中央法用这三个表其做出题目能跟从表格，大概tbody流动高度，多出的行数呈现转动条。有乐趣的能够搜素下大概是这做一下。
注重：假如您利用thead、tfoot和tbody元素，您就必需利用全体的元素。它们的呈现序次是：thead、tfoot、tbody，如许扫瞄器就能够在收到一切数据前出现页脚了。
用法：
<tableborder="1">
<thead>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
</thead>
<tfoot>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
</tbody>
</table>
<tableborder="1">
<thead>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
</thead>
<tfoot>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
</tbody>
</table>
<fieldset>标签和<legend>标签
感化：<fieldset>元素用来分类表单中的元素，而<legend>则能给这个组界说一个题目。你必定见过相似上面domo的结构吧！他们也能够经由过程css界说款式。
用法:
<form>
<fieldset>
<legend>基础信息</legend>
姓名:<inputtype="text"/>
性别:<inputtype="text"/>
</fieldset>
</form>
<form>
<fieldset>
<legend>基础信息</legend>
姓名:<inputtype="text"/>
性别:<inputtype="text"/>
</fieldset>
</form>
<sub>标签和<sup>标签
感化：<sub>标签和<sup>标签分离是上标和下标，固然他们在各个扫瞄器的体现纷歧样，你一样可使用css界说他们的款式。
用法：
2<sup>我是上标</sup>
2<sub>我是下标</sub>
<label>标签
感化：label标签的利用能够扩展表单的点击地区来改善表单的易用性。看看上面的用法：点击笔墨的时分相称于点击了单选控件，如许用户体验是否是会更好一些？
用法：
<form>
<labelfor="nan">师长教师</label>
<inputtype="radio"name="sex"id="nan"/>
<br/>
<labelfor="nv">密斯</label>
<inputtype="radio"name="sex"id="nv"/>
</form>
<form>
<labelfor="nan">师长教师</label>
<inputtype="radio"name="sex"id="nan"/>
<br/>
<labelfor="nv">密斯</label>
<inputtype="radio"name="sex"id="nv"/>
</form>
<optgroup>标签
感化：标签能够给select中的option举行分组，这鄙人拉项目良多的时分很有效，共同label标签给每组定名。你也能够像淘宝那样给每组用css界说分歧的色彩。
用法：
<select>
<optgrouplabel="自驾游"><!--共同label标签给每组定名-->
<option>省内</option>
<option>省外</option>
</optgroup>
<optgrouplabel="游览社">
<option>省内</option>
<option>省外</option>
<option>外洋</option>
</optgroup>
</select>
</p>
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点…… |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-15 23:15:20
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
窥视卡
雷达卡
发表于 2015-2-4 09:52:30