HTML5 入门：一个最简单的HTML页面（doctype、meta、Head、标签的使用)

本文转载自： https://www.cnblogs.com/csn0721/archive/2013/01/23/2873682.html 作者：csn0721 转载请注明该声明。

HTML5的<!doctype>声明怎么写

这是HTML 4.01的doctype：

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

XHTML 1.0的doctype。它的长度跟HTML 4.01的差不太多：

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

是不是，基本上相同。它要告诉浏览器的是：这个文档是XHTML 1.0的文档。那么在HTML 5中，省掉不必要的复杂性，doctype就简化成了：

<!DOCTYPE html>

为什么文档一开头就要写doctype。它不是写给浏览器看的。Doctype是写给验证器看的。也就是说，我之所以要在文档一开头写那行XHTML 1.0的doctype，是为了告诉验证器，让验证器按照该doctype来验证我的文档。

在 HTML 5 中只有一个：<!DOCTYPE HTML>。<!DOCTYPE> 标签没有结束标签。<!DOCTYPE> 对大小写不敏感。

HTML5的<meta>标签

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

在HTML5中这么写就可以了

<meta charset="UTF-8">

meta标签的常见功能：

帮助主页被各大搜索引擎登录

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />

定义对页面的描述

<meta name="description" content="博客园,程序员,C++程序员," />

HTML5 <head>标签

head 元素可包含关于文档的信息。浏览器不会向用户显示这些头部信息（"head information"）。下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

<title>；定义文档的标题，它是 head 部分中唯一必需的元素。

HTML5结构例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是一个HTML5的网页</title>
</head>
<body>
<p>Hello HTML5</p>
</body>
</html>

HTML5 入门：一个最简单的HTML页面（doctype、meta、Head、标签的使用)相关推荐

node如何输出html页面,【自己的整理】node.js直接输出一个非常简单的HTML页面-Go语言中文社区...
刚开始接触nodejs,先记录一下最开始用node输出一个很简单的界面在远程服务器上先创建一个js文件 helloworld.js [root@towrabbit nodejsLearn]# vi ...
一个最简单的HTML页面（第一次学，记录一下）
关于HTML,我也是初次接触,等下会总结一下常用元素.下面先展示一下一个超级easy的HTML页面,,, 下面是效果图(由于截图原因,把本来是一个界面的截成了两个页面,有点low,表嫌弃哈哈哈): 代 ...
用html5做一个介绍自己家乡的页面_【基础教程全】Html5视频教程
HTML5是构建Web内容的一种语言描述方式.HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一.HTML产生于1990年,1997年HTML4成为互 ...
用html5做一个介绍自己家乡的页面_厚溥资讯 | HTML5的小知识点小集合（上）
1.Doctype作用?标准模式与兼容模式各有什么区别? (1)声明位于位于HTML文档中的第一行,处于标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文 ...
用html5做一个介绍自己家乡的页面_（近万字）一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备...
作者 | Jeskson来源 | 达达前端小酒馆 HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变,变 ...
一个最简单的登录页面测试case
具体需求: 有一个登陆页面, (假如上面有2个textbox, 一个提交按钮. 请针对这个页面设计30个以上的testcase.) 此题的考察目的:面试者是否熟悉各种测试方法,是否有丰富的Web测试经 ...
Gradle入门 - 一个最简单的hello world级别的例子
在Gradle文件夹下面有个子文件夹samples/java/quickstart,里面包含了一个sample项目,用于学习如何用Gradle对其进行构建. 项目工程层级结构如下: Gradle默认会 ...
php用户注册功能设计,利用HTML+CSS设计一个简单的用户注册页面【示例】
本篇文章将要给新手小白们介绍如何使用HTML和css制作简单的注册页面.在开发网站过程中,如果网站内容要求是完善的信息站,那么肯定就离不开用户注册的这个功能.这个用户注册界面对于刚入门的前端新手来说, ...
用HTML+CSS做一个漂亮简单的个人网页~个人相册介绍个人主页模板(6个页面) ~学生HTML个人网页作业作品~...
用HTML+CSS做一个漂亮简单的个人网页 ~ 个人相册介绍个人主页模板(6个页面) 学生HTML个人网页作业作品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作 ...

HTML5 入门：一个最简单的HTML页面（doctype、meta、Head、标签的使用)

HTML5 入门：一个最简单的HTML页面（doctype、meta、Head、标签的使用)相关推荐

最新文章

热门文章