怎样的DOCTYPE才适合你的网页?

DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。

其中的DTD(例如xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。

要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。

XHTML 1.0 提供了三种DTD声明可供选择:

1 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。

完整代码如下:


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

2  严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。

完整代码如下:


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

3 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。

完整代码如下:


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

注:DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。

时间: 2024-10-14 07:36:16

怎样的DOCTYPE才适合你的网页?的相关文章

适合安卓手机网页客户端导航代码

安卓手机底部四五分页的导航都是比较漂亮的 今天直接给大家推荐这款代码,这样就省得每次自己写了 jQuery特效代码: 01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 02<html xmlns="http://www.w3.org/1999/

介绍几款适合小黑的网页

初级阶段: http://www.cn-hack.cn/qs2/left.html 黑客过关小游戏 属于比较早期的游戏 其中第二关中间几道题有坑. 想作为一名黑客 就必须不怕踩坑 你问我为什么? 每踩一个坑 能让你爬的更高!! http://543.az16.com/hack/ 适合头脑比较灵活 有点基础的 小黑  10关之后难度递增 !加油! i春秋的竞赛小游戏 什么荒岛求生,春秋争霸.这些都比较适合小黑

SD.Net (Http处理类;适合SDK、网页抓取、模拟请求)

该类有以下特性:          支持链式(Fluent API)操作;          能够自动处理Cookie(支持所有链接自动共享Cookies,支持按域名自动发送Cookie,支持301/302跳转Cookie自动截取);          支持HTTPS协议;          支持证书;          支持代理;          支持Session会话保持;          支持JSON/XML请求;          支持JSONP内容自动识别为JSON;       

css3和jquery实现的可折叠导航菜单(适合手机网页)

之前为大家介绍了好几款css3导航,今天为大家在介绍的是一款适合放在手机网页的导航菜单.点击列表图标以下拉式的形式显示菜单,单击关闭,动画关闭.效果相当不错.效果图如下: 在线预览   源码下载 这个实例由css3和依赖于jquery插件.下面是实现代码 html代码: <nav class="nav" role="navigation" style="height: 195px;"> <ul class="nav-i

BootStrap学习之先导篇——响应式网页

Bootstrap学习之前,要知道响应式网页的原理. 1.什么是响应式网页? 一个页面,可以根据浏览设备的不同,以及特性的不同,而自动改变布局.大小等.使得在不同的设备上上都可以呈现优秀的界面. 优点:可以自动适配PC.PAD.PHONE浏览器屏幕 不足:代码变复杂,需要考虑更多兼容性,并不适合内容非常多网页 2.需要掌握的是viewport的概念 早期的网页都是比较大,用于在手机屏幕中浏览,只能进行缩小,导致用户的浏览体验不好.iOS中提出了Viewport(视口)的概念,可以任意的指定大小,

网页右键菜单开发

拉上窗帘,感慨良多.别让工作占据了所有的生活呀,朝九晚六,回家还能撸猫呀.,猫咪睡觉了,咱还能写代码呀,代码写完了,起码得写篇随笔显摆下呀,别只贴上代码就完事了,你还得介绍开发步骤和心得呀,这也是我这么晚了还来写这篇无聊的随笔的原因. 写代码不是工作,所以我基本是随心所欲,自己想到哪就写到哪,自己开心就好.看到百度云盘(网页版)上面文件夹的右键菜单,才注意到原来网页右键菜单可以人为改变的,于是洗干净粘满猫毛的双手,撸起了键盘,经过几次断断续续的尝试,撸出了一个DEMO. 既然是右键菜单,首先就要

静态网页与动态网页区别(转)

静态网页,动态网页主要根据网页制作的语言来区分: 静态网页使用语言:HTML(超文本标记语言) 动态网页使用语言:HTML+ASP 或 HTML+PHP 或 HTML+JSP 等. 静态网页与动态的区别 程序是否在服务器端运行,是重要标志.在服务器端运行的程序.网页.组件,属于动态网页,它们会随不同客户.不同时间,返回不同的网页,例如ASP.PHP.JSP.ASP.net.CGI等.运行于客户端的程序.网页.插件.组件,属于静态网页,例如html页.Flash.JavaScript.VBScri

Java Web学习(2):静态网页与动态网页

一静态网页 (1)静态网页概述 在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为"静态网页",静态网页是 标准的HTML文件,它的文件扩展名是.htm..html,可以包含文本.图像.声音.FLASH动画.客户端脚本和ActiveX 控件及JAVA小程序等.静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的. 静态网页是相对于动态网页而言,是指没有后台数据库.不含程序和不可交互的网页.静态网页相对更新起来比 较麻烦,适用于一般更新较少的展示型网站

值得网页设计师&amp;前端收藏的实用工具列表

原文地址:http://www.uisdc.com/tool-list-web-developers# 无论你是经验丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和开发者所准备的实用工具.在线服务.资源和代码片段,都是为你而生的,合理的运用能够让你的网页设计与开发事半功倍. 这次总结的工具总计有40款,它们基本上可以分为8个大类 ·灵感与阅读:这类素材通常是设计案例和酷站,它们启发灵感,给你经验 ·网络社区:汇集Web开发者和设计师的优秀社区 ·网页测速工具:一些最好的网站测速工具 ·