<!DOCTYPE html>

<html lang="zh">

<head>

    <meta charset="utf-8">

    <!-- saved from url=(0014)about:internet -->

    <title>html5文档</title>

    <link href="x.css" rel="stylesheet">

    <script src="x.js"></script>

</head>

<body>

    <p>一个html5测试文档！</p>

</body>

</html>

说明：

<!DOCTYPE html>
html5页面的文档类型声明。相比之前显得非常简单，不需要包含html的版本号。

<html lang="zh">
用html元素封装除文档声明以外的整个文档，并制定页面所使用的自然语言。

<meta charset="utf-8">
在head区块的最开始处添加meta元素，指定字符编码。注意，html5不要求空元素必须自关闭。

<!-- saved from url=(0014)about:internet -->
这段注释放在指定字符编码的元数据标签后，告诉IE将页面视为从远程下载，方便我们在测试时屏蔽警告信息。

<link href="x.css" rel="stylesheet">
添加样式表。和传统的方式相比，不需要再指定type="text/css"，因为CSS是网页中唯一可用的样式表语言。

<script src="x.js"></script>
添加JavaScript。

总的来说，html5是html规范的延续，相比xhtml非常的松散和不严格。它并不要求网页中必须包含<html>、<head>、<body>元素，不要求空元素自关闭，等等。

html规范验证：validator.w3.org

一个最简html5文档来说明html5的新特性和写法的更多相关文章

  1. GrapeCity Documents for Excel 文档API组件 V2.2 新特性介绍

    GrapeCity Documents for Excel 文档API组件 V2.2 正式发布,本次新版本包含诸多重量级产品功能,如:将带有形状的电子表格导出为 PDF.控制分页和电子表格内容.将Ex ...

  2. HTML5文档的各个组成部分分类

    <!DOCTYPE html><!--声明文档结构类型--> <html lang="zh-cn"><!--声明文档文字区域--> ...

  3. [.NET] 打造一个很简单的文档转换器 - 使用组件 Spire.Office

    打造一个很简单的文档转换器 - 使用组件 Spire.Office [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/6024827.html 序 之前,& ...

  4. （亲测解决）每次打开excel文件都会出现两个窗口，一个是空白的sheet1，另一个是自己的文档

    版权声明:本文为博主原创文章,转载请注明出处! https://blog.csdn.net/sinat_34104446/article/details/80210424 一.问题描述每次打开Exce ...

  5. GitBook一个专注于帮助文档的工具

    官网:https://www.gitbook.com GitHub组织:https://github.com/gitbookio GitBook一个专注于帮助文档的工具,比如: 1.简单的左侧列表右侧 ...

  6. 如何使用 VuePress 搭建一个 element-ui 风格的文档网站

    如何使用 VuePress 搭建一个 element-ui 风格的文档网站 { "devDependencies": { "vuepress": "1 ...

  7. 关于HTML5你必须知道的28个新特性,新技巧以及新技术

    1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcapt ...

  8. HTML5你必须知道的28个新特性

    1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcapt ...

  9. HTML5文档结构语义：页眉的header和hgroup标签使用

    HTML5提供了新的结构元素——例如header.hgroup.article.section.footer.nav等来定义网页,将使网页结构更加简洁严谨,语义更加结构化,而不用迂回通过class或i ...

随机推荐

  1. CentOS 6.3下源码安装LAMP(Linux+Apache+Mysql+Php)环境

    一.简介 什么是LAMP    LAMP是一种Web网络应用和开发环境,是Linux, Apache, MySQL, Php/Perl的缩写,每一个字母代表了一个组件,每个组件就其本身而言都是在它所代 ...

  2. IOSView翻转扭矩位移

    CoreGraphics.h CGAffineTransform rotation = CGAffineTransformMakeRotation(M_PI_2);[xxx setTransform: ...

  3. BZOJ 1976 能量魔方 Cube（最小割）

    题目链接:http://61.187.179.132/JudgeOnline/problem.php?id=1976 题意:给出一个n*n*n的立方体.每个小单位为字母P或者字母N.相邻两个小单位字母 ...

  4. C++，利用链式栈实现括号匹配，界面友好，操作方便，运行流畅

    #include<iostream> #include<string> using namespace std; struct Node { char ch; Node* ne ...

  5. SQL判断汉字

    /* unicode编码范围: 汉字:[0x4e00,0x9fa5](或十进制[19968,40869]) 数字:[0x30,0x39](或十进制[48, 57]) 小写字母:[0x61,0x7a]( ...

  6. \r与\n有何区别，编码的时候应该如何使用

    \r与\n有何区别,编码的时候应该如何使用 区别: \r: 全称:carriage return (carriage是“字车”的意思,打印机上的一个部件) 简称:return 缩写:r ASCII码: ...

  7. Ubuntu Linux 下文件名乱码（无效的编码）的快速解决办法

    文件是在WIndows 下创建的,Windows 的文件名中文编码默认为GBK,而Linux中默认文件名编码为UTF8,由于编码不一致所以导致了文件名乱码的问题,解决这个问题需要对文件名进行转码.文件 ...

  8. 哈理工软件学院"兆方美迪"杯第六届程序设计大赛【高年级组】--决赛 题解

    比赛链接:http://acm-software.hrbust.edu.cn/contest.php?cid=1082 A.好SB啊真是,还以为lis-数有多少个数不一样. #include < ...

  9. Vmware10.0 安装系统以及使用笔记

    1.安装教程参考 大致分为:vmware10.0安装-------建立虚拟机---------设置虚拟机---------启动虚拟机(IOS安装)---------安装系统---------安装vmt ...

  10. NSCalendar

    1.获取当前时间的年月日时分秒    /*    // 获取当前时间    NSDate *now = [NSDate date];    NSLog(@"now = %@", n ...