仓酷云

标题: 来看看：HTML教程:几个不经常使用的HTML标志利用办法 [打印本页]

作者: 柔情似水 时间: 2015-1-15 23:15
标题: 来看看：HTML教程:几个不经常使用的HTML标志利用办法
但他也直言说，这就像写软件时，在添加改善的新功能时，难免遭遇稳定性的问题，必须先把问题清除干净，才能推出新产品。破洛洛文章简介：HTML教程:几个不经常使用的HTML标志利用办法.
Xhtml有良多不经常使用却很有效的标签。有的能事半功倍，有的能改善语义，有的则能进步易用性，我总结了一些，总结的准绳是有效并且能用，就是年夜多半扫瞄器得撑持，不然就不算“上上签”了。只能看“签”兴叹又有甚么用呢？
<base>标签
感化：标签为页面中一切链接指定默许链接地点或链接方针。偶然候我们必要让首页的链接全体在新窗口中翻开，利用这个标签就可以一下弄定了！
属性：href:链接地点，target:方针，他的值能够是_blank,_parent,_self,_top,能够在除Strict形式下利用，这个用法我开始是在163.com上发明的。
用法：

<head>
<basehref="http://www.poluoluo.com/"/>
<basetarget="_blank"/>
</head>
<head>
<basehref="http://www.poluoluo.com/"/>
<basetarget="_blank"/>
</head>
<caption>标签
感化：caption标签用来界说表格的题目，给表格界说一个题目，来讲明这个表格是干甚么的，岂不是很有“语义”，caption应当写在table以后，默许的款式是居中显现在表格的顶部。你能够经由过程css来改动它的款式。
用法：

<tablewidth="200"border="1">
<caption>
实在我是caption
</caption>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<tablewidth="200"border="1">
<caption>
实在我是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="自驾游">
<option>省内</option>
<option>省外</option>
</optgroup>
<optgrouplabel="游览社">
<option>省内</option>
<option>省外</option>
<option>外洋</option>
</optgroup>
</select>
</p>
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点……

作者: 精灵巫婆 时间: 2015-1-17 21:01
不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

作者: 小魔女 时间: 2015-1-25 21:53
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 仓酷云 时间: 2015-2-4 09:52
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 再见西城 时间: 2015-2-9 21:57
俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

作者: 海妖 时间: 2015-3-9 16:44
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 冷月葬花魂 时间: 2015-3-17 01:09
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

作者: 因胸联盟 时间: 2015-3-23 15:21
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

欢迎光临仓酷云 (http://ckuyun.com/)