本文转载于:猿2048网站HTML经常使用标签总结php
学习前端开发,第一步要学习的绝对是HTML。css
什么是HTML?html
HTML 是(Hyper Text Markup Language)四个单词的缩写,翻译过来就是超文本标记语言, 因此它不是一门编程语言,只是一门标记语言。前端
学习html的第一步就是须要学习它的标签如何使用。这个没有什么技巧,全靠平时多练习多用,才能达到熟能生巧的境界。html5
Html一共有一百一十多个标签(包含html5的新标签),若是想要所有掌握还真得费很多功夫,可是实际开发中常常用到的也就四五十个,有不少都是不经常使用的,若是一个不落的去学习反而浪费了宝贵的时间。编程
如下就结合本身实际开发中常常用到的标签作一个说明和总结。若是对一些标签不是很理解,暂时可没必要深究。我如今只是作一个标签的罗列,具体用法可查阅手册。canvas
更详细的信息请参阅下面这个网站浏览器
W3school:http://www.w3school.com.cn/h.asp框架
1,基础标签编程语言
基础标签是必须所有掌握的,由于在每一个html网页中几乎均可以看到他们的身影。
<!DOCTYPE> 定义文档类型。请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
<html> 定义 HTML 文档。
<head> 定义关于文档的信息。
<meta> 定义关于 HTML 文档的元信息。
<title> 定义文档的标题。
<body> 定义文档的主体。
<h2> 二级标题
<h3> 三级标题
<p> 定义段落。
<!--...--> 定义注释
2,格式标签
格式标签如今用的不是不少,由于如今样式修饰都交给css去作了。
<b> 定义粗体文本。
<del> 定义被删除文本。
<em> 定义强调文本。
<i> 定义斜体文本。
<sup> 定义上标文本。
<sub> 定义下标文本。
<hr> 定义水平线。
<br> 定义简单的折行。
3,多媒体连接
<img> 定义图像。
注意其alt属性,title属性
<canvas> 定义图形。
<audio> 定义声音
<video> 定义视频
<a> 定义超连接
a标签在实际应用中用的是至关多的
<link> 定义文档与外部资源的关系。
4,列表
<ul> 定义无序列表。
<ol> 定义有序列表。
<li> 定义列表的项目。
<dl> 定义定义列表。
<dt> 定义定义列表中的项目。
<dd> 定义定义列表中项目的描述。
5,表单
<form> 定义供用户输入的 HTML 表单。
<input> 定义输入控件。
属性很是多,也很经常使用,详情请查阅手册。
<textarea> 定义多行的文本输入控件。
<button> 定义按钮。
<select> 定义选择列表(下拉列表)。
<option> 定义选择列表中的选项。
<label> 定义 input 元素的标注。
<datalist> 定义下拉列表。
6,表格
<table> 定义表格
<caption> 定义表格标题。
<thead> 定义表格中的表头内容。
<tbody> 定义表格中的主体内容。
<tfoot> 定义表格中的表注内容(脚注)。
<th> 定义表格中的表头单元格。
<tr> 定义表格中的行。
<td> 定义表格中的单元。
表格在如今的网站中用的倒不是不少了。
7,其余经常使用标签
<div> 定义文档中的节。
<span> 定义文档中的节。
<Iframe> 定义文档的内联框架。
<style> 定义文档的样式信息。
<script> 定义文档中的脚本信息
<base> 定义页面中全部连接的默认地址或默认目标。
如下标签为html5新增的语义化标签
<header> 定义 section 或 page 的页眉。
<footer> 定义 section 或 page 的页脚
<section> 定义 section。
<article> 定义文章。
<aside> 定义页面内容以外的内容。
注意:html5新标签不被ie浏览器识别问题
须要引入html5shiv包,使用条件注释解决
<!--[if lte IE 8]>
<script src="libs/html5shiv/html5shiv.js"></script>
<![endif]-->
好吧,简单的HTML经常使用标签就这么多了,但愿对前端新人有所帮助。
至于HTML5的新特性后续再继续总结。