×

HTML5中的标记方法

作者:Web前端之家2017.01.18来源:Web前端之家浏览:10780评论:0
关键词:html5
微信公众号

微信公众号

HTML 5中的语法变化的变化,正是因为在HTML 5之前几乎没有符合标准规范的Web浏览器。接下来让我们看一下,HTML 5中的标记方法。

内容类型(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声明方法是允许的(不区分大小写,引号不区分是单引号还是双引号)。

指定字符编码

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

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

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

<meta charset="UTF-8">

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


温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/biji019.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    什么机翻...

  • Web前端之家

    只是更轻便,还是有些差距的呢,小项目可以玩玩。...

  • ja124

    这个跟vue和react比,好些吗?...

  • Web前端之家

    OK,已经更新,谢谢!...

  • 韩涛博客

    韩涛博客的域名更换为www.hantaosec.com啦,请更新一下域名哈,谢谢。我还会继续链着咱们...

  • Web前端之家

    请持续关注Web前端之家。...

  • Y4K

    谢谢指导,这下背景问题解决了!...

  • Web前端之家

    要用起来才可以....

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.8 Valyria