HTML5教程

HTML的模板元素

本文主要是介绍HTML的模板元素,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

模板元素:

<!DOCTYPE>元素:

1.<!DOCTYPE>元素位于文档的开头,用于向浏览器说明html或xhtml文档使用的是哪一版本;

2.目前html的最新版本是html5,但是还处于发展完善过程中,xhtml算是html的过渡;

3.使用html5写<!DOCTYPE html>;

<meta>元素:

1.<meta>元素(元数据标签)嵌套在<head> </head>中,用于添加页面的元信息(meta-information);在html中<meta>元素不用闭合,但是在xhtml中需要闭合;

2.<meta>元素的属性有http-equiv、name和content等,并且content一定要始终和http-equiv或name属性配合使用;

3.<meta charset="utf-8">,charset属性是html5的新属性,定义了html文件中的字符编码,替换了<meta http-equiv="Content-Type" content="text/html" charset="utf-8">,但是现在仍然可以使用老方法,用http-equiv属性定义字符编码方式,但是新方法减少了代码的书写量;

4.<meta http-equiv="X-UA-Compatible" content="IE=edge">,X-UA-Compatible属性用于对网页兼容性模式进行设置,其content值IE=edge表示以目前最高版本的IE引擎对页面进行渲染,此外,X-UA-Compatible属性是IE8时引入的,所以IE8一下的浏览器对其并不支持;

5.<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">,相比上一条语句多了个chrome=1,是指,在安装了GCF(GoogleChromeFrame)的情况下,优先使用chrome引擎渲染页面,没有安装GCF的话就使用当前最高版本的IE引擎渲染;

6.<meta name="viewport" content="width=device-width, initial-scale=1">.

<head>元素:

1.<head></head>标签用于存放meta、link、script、title、style、base标签,总之,<head></head>标签中存放的都是帮助浏览器理解的内容;

2.其中<title> 标签是<head>中唯一不可缺少的标签;<title> 标签中的文本会在页面显示时,作为整个页面的标题出现在浏览器窗口顶部的标题栏中。

<link>标签:

1.<link>标签最常见的用途就是链接外部样式表stylesheet,它用于规定文档与外部文档的关系;此外,它是空标签,即只包含属性信息,并且它只出现在head范围内,head中唯一一个非空的标签就是<title></title>了;

2.<link rel="stylesheet" type="text/css" media="screen" href="main.css">,rel属性用于说明外部文档与当前文档之间的关系;type属性用于规定外部文档的MIME类型,css的MIME类型是"text/css";href属性表示被链接的外部文档的地址;media属性表示被链接文档将会被显示在什么设备上;

<script>标签:

1.<script src="main.js"></script>;

2.<script>标签常用于规定页面的脚本,其中脚本语句可以写在<script></script>中也可以通过src属性,定义外部脚本的地址进行引入;type属性之前是必须属性但是在html5中不是,它用于规定脚本的MIME类型,JavaScript的MIME类型是"text/javascript"。

<body>元素:

主体元素,包含网页的实体部分。

补充:meta标签的常见用途

1.使用charset属性指定字符集<meta charset="utf-8">

2.用作视窗meta标签缩放页面

<meta name="viewport" content="width=device-width,initail-scale=1.0">

这篇关于HTML的模板元素的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!