码迷,mamicode.com
首页 > Web开发 > 详细

HTML5全部元素详解:一个都不能少

时间:2015-04-21 00:27:22      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:html5

根元素

<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>

每日更新中...









HTML5全部元素详解:一个都不能少

标签:html5

原文地址:http://blog.csdn.net/wozaixiaoximen/article/details/45157439

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!