HTML5是前端避讳技术之一,也是现在大势所趋。希望这篇文章能够帮助一些刚入门HTML5的同学。
基本标签的使用
<!doctype html> <!--这是HTML5的申明,大小写都可以--><html>
<head>
<title>标题</title>
<meta charset=”utf-8” /> <!--设置页面编码-->
<meta name=”keywords” content=”关键字1,关键字2,…" />
<meta name="description" content="内容介绍" />
</head>
<body>
<br /> <!--换行符-->
<p align=”right”>这是一个向右对齐的段落</p>
<h1>标题文本是有6个,由h1至h6,越来越小</h1>
<b>定义粗体文本</b>
<i> 定义斜体文本 </i>
<del>定义删除文本</del>
<sup>定义上标字</sup>
<sub>定义下标字</sub>
<a href=”URL” title=”链接提示信息” target=”链接打开方式(_blank,_self,_top)”>超链接</a>
<a href=”mailto:邮箱地址”>邮件链接</a>
<a href=”tel:电话号码”>一键拨打</a>
<a href="sms:139xxxxxxx">一键发送短信</a>
<img src="URL" width="宽度" height="高度" alt="替代文字" usemap="#map 名称" /> <!--图像热区(shape的取值rect,circle,poly)-->
<map name="map 名称">
<area shape="形状" coords="坐标值" href="URL" />
</map>
</body></html>
无序列表/有序列表
语句:
<ul>
<li>无序列表</li>
<li>可通过type属性来设置列表样式</li>
<li>具体的值为disc,Circle,square</li></ul><ol >
<li>有序列表</li>
<li>可通过type属性来设置列表样式</li>
<li>还可以用start设置排列的起点数值</li>
</ol>
audio(音频)/video(视频)
audio标签的语法与video标签的语法相同,只是属性方面video比audio多了几个,下面我会详细的列出来
语句:
<audiocontrols="controls">
当标签无效时,会出现这段字!
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg"></audio>
table表格
语句:
<table border="1">
<tr>
<th>row 1, cell 1</th>
<th>row 1, cell 2</th>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr></table>
<table> 定义表格
<th> 定义表头
<tr> 定义表格的行
<td> 定义表格单元
<iframe> 内嵌框架
语句:
<iframe src="URL" name="框架名"> ~ </iframe>
网站上的广告大多数就是使用了内嵌框架
hidden
hidden是HTML全局属性,标签中出现该属性,则隐藏标签,然后可使用 JavaScript 来删除 hidden 属性,使该元素变得可见。
<p hidden>这是一段隐藏的段落。</p>
原文来自:博客园/