HTML5中的标记方法

1.内容类型(ContentType)

DOCTYPE声明是HTML文件中必不可少的,它位于文件的第一行。在HTML 4中,它的声明方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

在HTML 5中,不需要使用版本声明,一份文档将会适用与所有的HTML版本。

HTML 5中的DOC TYPE声明方法(不区分大小写)如下:

什么是DOCTYPE

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。

此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为

“-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。

如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

该标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

HTML 4.01严格版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01过渡版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01基于框架版本

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">

 

<!DOCTYPE html>

另外,当使用工具时,也可以在DOCTYPE声明方式中加入STSTEM识别符,声明方法如下面的代码所示:

<DOCTYPE HTML SYSTEM "about:legacy-compat">

在HTML 5中,像这样的DOCTYPE声明方法是允许的(不区分大小写,引号不区分是单引号还是双引号)。

3.指定字符编码

在HTML 4 中使用meta元素的形式指定文件中的字符编码,如下所示:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

在HTML 5中可以使用<mate>元素直接追加charset属性的方式来指定字符编码,如下所示:

<meta charset="UTF-8">

两种方法都有效,可以继续使用前面的一种方法,但是不能同时混合使用两。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索文档
, html
, 方法
, 版本
, 标识符
, 标识符声明
, 公共标识
, 引号
中的HTML
html5标记、html5标记大全、html5标记单词表、html 5自定义标记、html5结构化标记,以便于您获取更多的相关知识。

时间: 2024-08-17 15:12:24

HTML5中的标记方法的相关文章

html5中Range对象方法setStartBefore、setEndAfter的例子

Range 对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域,Range对象方法,包含 setStart.setEnd.setStartBefore.setStartAfter.setEndBefore.setEndAfter 方法. setEndAfter() 方法在指定的节点后结束范围. 抛出 如果 refNode 是 Document.DocumentFragment 或 Attr 节点,或者 refNode 的根包容节点不是 Document.DocumentFrag

js中window.opener方法的跨域问题分析

最近公司网站登陆加入了第三方登陆.可以用QQ直接登陆到我们网站,在login页面A中点QQ登陆时,调用了一个window.open文件打开一个login页窗口B,登陆后callback地址回调成功后,需要关闭当前window.open打开的login小窗口B,再将打开这个小窗口的原窗口页(A)刷新显示正确状态. 这时就用到了这个方法: window.opener.location.reload() 与 window.opener.location.href=window.opener.locat

js检测浏览器是否支持html5中的video标签的方法

 这篇文章主要介绍了使用js检测浏览器是否支持html5中的video标签的方法,需要的朋友可以参考下 代码如下: //检测是否支持HTML5 function checkVideo() {     if (!!document.createElement('video').canPlayType) {         var vidTest = document.createElement("video");         oggTest = vidTest.canPlayType

使用js检测浏览器是否支持html5中的video标签的方法_javascript技巧

复制代码 代码如下: //检测是否支持HTML5function checkVideo() {    if (!!document.createElement('video').canPlayType) {        var vidTest = document.createElement("video");        oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');  

举例详解HTML5中使用JSON格式提交表单

以JSON编码格式提交表单数据是HTML5对WEB发展进化的又一大贡献,以前我们的HTML表单数据是通过key-value方式传输的服务器端,这种形式的传输对数据组织缺乏管理,形式十分原始.而新出现的JSON格式提交表单数据方法,将表单里的所有数据转化的具有一定规范的JSON格式,然后传输的服务器端.服务器端接收到的数据是直接可以使用的合格JSON代码.如何声明以JSON格式提交表单 大家应该对如何用表单上传一个文件的写法很熟悉,它需要在HTML中form标记上添加 enctype="multi

IE9对HTML5中部分属性不支持的原因分析

  具体方法如下: 众所周知,在IE9中对于HTML5标准中的离线应用程序以及CSS3中的一部分不提供支持.本文对此做一简要分析. 微软日前已经发布了Internet Explorer 9(以下简称IE9)正式版.在该版本中,微软遵循他们的发展战略,对于作为最新Web标准的HTML5与CSS3中大多数功能提供了支持. 同时,微软也准备将IE9应用在Windows Phone 7中使用.IE9无疑成为了微软的Internet战略中非常重要的一个环节. 但是,现在公布的IE9中,应该被用来与Fire

在HTML5中提交表单数据以JSON编码格式传输

以JSON编码格式提交表单数据是HTML5对WEB发展进化的又一大贡献,以前我们的HTML表单数据是通过key-value方式传输的服务器端,这种形式的传输对数据组织缺乏管理,形式十分原始.而新出现的JSON格式提交表单数据方法,将表单里的所有数据转化的具有一定规范的JSON格式,然后传输的服务器端.服务器端接收到的数据是直接可以使用的合格JSON代码. 如何声明以JSON格式提交表单 大家应该对如何用表单上传一个文件的写法很熟悉,它需要在HTML中form标记上添加 enctype="mult

HTML5 中 40 个最重要的技术点

原文地址:http://www.oschina.net/news/56236/40-important-html-5-interview-questions-with-answers 介绍 我是一个ASP.NET MVC的开发者,最近在我找工作的时候被问到很多与HTML5相关的问题和新特性.所以以下40个重要的问题将帮助你复习HTML5相关的知识. 这些问题不是你得到工作的高效解决方案,但是可以在你想快速复习相关主题的时候有所帮助. 快乐地找工作. SGML(标准通用标记语言)和HTML(超文本

HTML5中的Range对象的研究

一:Range对象的概念  Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下:       var  range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象:    var  se