HTML5全部元素详解：一个都不能少
浏览数：53 /
时间：2015年06月09日
根元素
<html>
<html> 元素是 HTML 文档的根元素。
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
</body>
</html>
文档元数据
<head>
<head> 元素表示文档元数据的集合，是 <html> 元素的第一个子元素。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html><title>
<title> 元素代表文档的名字或标题。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name>
<title>这是文档的标题</title>
</head>
<body>
</body>
</html><base>
<base> 元素为文档中的所有链接指定基地址。如果URL中含有协议名或"//"则会忽略 <base> 指定的基地址。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<base href="http://www.baidu.com/img/">
</head>
<body>
<!-- http://www.baidu.com/img/a.jpg -->
<img src="a.jpg">
<!-- 如果带协议头，则忽略 base 指定的基URL -->
<!-- http://www.baidu.com/img/b.jpg -->
<img src="http://www.baidu.com/img/b.jpg">
<!-- 省略协议头但保留"//"，仍然会忽略 base 指定的基URL -->
<!-- 这也是谷歌前端编码规范推荐使用的一种方式 -->
<!-- http://www.baidu.com/img/c.jpg -->
<img src="//www.baidu.com/img/c.jpg">
</body>
</html>
<link>
<link> 元素为文档指定外部样式表。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</body>
</html><meta>
<meta> 元素提供文档的元信息，如文档编码、文档作者、文档描述等。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!-- 常用的几个 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
</body>
</html>style
<link> 是引入外部样式文件，而 <style> 元素则是在文档中写样式。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
</body>
</html>每日更新中...
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
