返回顶部
首页 > 资讯 > 前端开发 > VUE >DOCTYPE网页的作用是什么
  • 872
分享到

DOCTYPE网页的作用是什么

2024-04-02 19:04:59 872人浏览 薄情痞子
摘要

这篇文章主要介绍了DOCTYPE网页的作用是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇DOCTYPE网页的作用是什么文章都会有所收获,下面我们一起来看看吧。 一、DO

这篇文章主要介绍了DOCTYPE网页的作用是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇DOCTYPE网页的作用是什么文章都会有所收获,下面我们一起来看看吧。

一、DOCTYPE注明

要构建契合规范的网页,DOCTYPE声名是必不成少的关头造成有部分;除非你的Xhtml确定了一个正确的DOCTYPE,否则你的标识和CSS都不会奏效,也就是说假如不有这个DOCTYPE声明将会招致CSS失效-css有用,额定是不有申明或声明不切确将在尺度阅读器下更是不克不及正常显示。

DOCTYPE声明
开端出产符合标准的站点,第一件事情就是申明契合自己必要的DOCTYPE。

查看良多使用XHTML标准启迪的网站,第一行就是:

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

掀开一些符合标准的站点,例如驰名WEB办理软件开发Macromedia,会发现异样的代码。

而另外一些契合规范的站点的代码则以下:

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

那末这些代码有甚么含意?定然要布置吗?

甚么是DOCTYPE
下面这些代码我们称做DOCTYPE声明。DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML梗概HTML是什么版本。
个中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型界说,内里征求了文档的规定,阅读器就按照你界说的DTD来批注你页面的标识,并展现出来。
要建树适宜标准的网页,DOCTYPE声名是必不成少的环节造成一小部分;除非你的XHTML必定了一个粗略的DOCTYPE,不然你的标识和CSS都不会见效。

XHTML 1.0 供给了三种DTD声名可供决意:
* 过渡的(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">

* 峻厉的(Strict):申请严格的DTD,你不能使用任何表现层的标识与属性,例如<br>,完整代码以下:

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

* 框架的(Frameset):顺便针对框架页面方案使用的DTD,要是你的页面中采集有框架,须要采纳这种DTD,残缺代码下列:

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

我们决意甚么样的DOCTYPE
志向状况当然是峻厉的DTD,但对于我们大少数刚兵戈web尺度的打算师来讲,过渡的DTD(XHTML 1.0 Transitional)是目前理想抉择。因为这种DTD还批准我们使用表现层的标识、元素和属性,也比拟容易颠末W3C的代码校验。
注:下面说的"表现层的标识、属性"是指那些纯粹用来管制表现的tag,例如用于排版的表格、靠山色采标识等。在XHTML中标识是用来显露结构的,而不是用来实现表现形式,我们过渡的指数是最终实现数据与表现相连络。
打个例如:人体模特易服服。模特就好比数据,衣服则是表现形式,模特和衣服是散漫的,这样你就可以随意易服服。而原先HTML4中,数据和表现是混杂在一同的,要一次性换个表现模式尤其艰巨。呵呵,有点难理解了,这个观念重要咱们在运用历程中逐渐了然。
填补
DOCTYPE声明必需放在每个XHTML文档最顶部,在全体代码与标识之上。
 

DOCTYPE网页的作用是什么
 

通常可以用简两方法可以决定尺度的DOCTYPE声明,颠末Adobe Dreamweaver软件来新建“CTRL+N”将弹出
DOCTYPE网页的作用是什么
 

往后点击左下角的“首选参数”来设置装备摆设,以上等于DIV+CSSweb总结对付DOCTYPE声明及DOCTYPE声亮的感导引见。

推荐DOCTYPE声明(常用DOCTYPE声明):

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

CSS5引荐使用最新精练DOCTYPE声名法子:

<!DOCTYPE html> 
<html> 
<head> 
此外内容.... 
.... 
</html>

二、html DOCTYPE作用

DOCTYPE是document type(文档类型)的简写,在Web打点中用来说明你用的XHTML能够HTML是什么版本。

要创设相宜尺度的XHTML网页,DOCTYPE申明是必不成少的环节构成部份;除非你的XHTML注定了一个切确的DOCTYPE,否则你的标识与CSS都不会失效。

一样平常布置在html网页代码最顶部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//CN" "http://www.w3. org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

小结,通常html DOCTYPE声名是必需的,而且使用div+css更是必不成少,要是缺少或错误document将会造成你的CSS失效或半失效,即因为css失效,网页布局事情,有的css属性不能体现。

要是你不能记住和精确输出DOCTYPE长串英文,不妨事,CSS5建议你使用DW软件直接新建html即可获取完整结构最基础底细html。

三、DOCTYPE html选择

直接:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//CN" "http://www.w3. org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
让你的CSS名堂有包管。

最原始根底的HTML源代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" /> 
<title>CSS5</title> 
<!--css5.com.cn --> 
</head> 
<body> 
内容 
</body> 
</html>

四、DOCTYPE简写

到现在 你完全可以简写你的DOCTYPE,

将html DOCTYPE最顶部代码:

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

可以简写为:

<!DOCTYPE html> 
<html >

关于“DOCTYPE网页的作用是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“DOCTYPE网页的作用是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网VUE频道。

--结束END--

本文标题: DOCTYPE网页的作用是什么

本文链接: https://lsjlt.com/news/94245.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • DOCTYPE网页的作用是什么
    这篇文章主要介绍了DOCTYPE网页的作用是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇DOCTYPE网页的作用是什么文章都会有所收获,下面我们一起来看看吧。 一、DO...
    99+
    2024-04-02
  • DOCTYPE的作用是什么
    这篇文章主要为大家展示了“DOCTYPE的作用是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“DOCTYPE的作用是什么”这篇文章吧。 面试官:我们现在...
    99+
    2024-04-02
  • css中Doctype的作用是什么
    本篇内容介绍了“css中Doctype的作用是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 1. ...
    99+
    2024-04-02
  • doctype html有什么作用
    这篇“doctype html有什么作用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“do...
    99+
    2024-04-02
  • doctype html指的是什么
    本篇内容主要讲解“doctype html指的是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“doctype html指的是什么”吧!“doctype html”是指html5标准网页声明,...
    99+
    2023-07-05
  • 什么是css,在网页中有什么作用
    css(层叠样式表)是一种样式表语言,用于控制网页的外观和样式,其主要作用包括:分离内容和样式,方便更改网页外观;确保整个网站样式的一致性;提高网页可访问性,方便残障人士使用;创建响应式...
    99+
    2024-04-25
    css
  • 网页代理服务器ip的作用是什么
    这篇文章主要讲解了“网页代理服务器ip的作用是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“网页代理服务器ip的作用是什么”吧!伴随着5G网络的普及和千兆带宽的普及,网络已经进入一个全新...
    99+
    2023-06-20
  • HTML中的DOCTYPE有什么用
    DOCTYPE(Document Type Declaration)是指在HTML文档中声明文档类型的一种标记语言,它告诉浏览器该使...
    99+
    2023-09-22
    HTML
  • HTML网页制作基础是什么
    这篇文章主要为大家展示了“HTML网页制作基础是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML网页制作基础是什么”这篇文章吧。一、HTML基础(1)...
    99+
    2024-04-02
  • HTML <!DOCTYPE>的概念是什么
    本篇内容介绍了“HTML <!DOCTYPE>的概念是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够...
    99+
    2024-04-02
  • html中新的Doctype声明是什么
    这篇文章给大家分享的是有关html中新的Doctype声明是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。新的Doctype声明XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明...
    99+
    2023-06-27
  • 404页面的作用是什么
    网站404页面的作用有以下几点避免网站页面出现死链网站设置好404页面后,若网站出现死链会全部返回404页面,蜘蛛爬行时就知道该URL已经失效,数据中心就不会给该页面收录和创建索引,避免因为死链接导致网站不收录。提升用户体验404页面通常为...
    99+
    2024-04-02
  • 什么是网页
    网页是网站中的一页,通常是HTML格式的文件,主要通过浏览器来阅读。,它是构成网站的基本元素,通常由图片、链接、文字、视频等元素组成,因此俗称为HTML文件。...
    99+
    2024-04-02
  • css是对网页进行什么操作
    css(层叠样式表)是一种样式表语言,用于描述 html 元素在网页上的显示方式,主要功能包括:样式字体(系列、大小、颜色、粗细)样式颜色(文本、背景、边框)样式布局(位置、大小、排列方...
    99+
    2024-04-06
    css 排列
  • python制作网页的基本步骤是什么
    制作网页的基本步骤如下:1. 设计网页布局:确定网页的整体结构,包括头部、导航栏、内容区域和底部等部分。2. 编写HTML代码:使用...
    99+
    2023-09-29
    python
  • html网页制作的基本步骤是什么
    制作HTML网页的基本步骤如下:1. 规划网页结构:确定网页的整体布局、导航结构和内容组织方式。2. 创建HTML文件:使用文本编辑...
    99+
    2023-08-30
    html
  • html网页制作用什么语言
    网页制作使用 html,html 是一种标记语言,使用标签定义网页元素的结构和内容。html 标签由尖括号组成,内含元素名称。html 文档通常遵循 html 声明、head 部分和 b...
    99+
    2024-04-05
    css
  • html网页制作用什么软件
    html网页制作软件有很多,依次推荐的是文本编辑器(如sublime text、atom、notepad++)、集成开发环境(如adobe dreamweaver、microsoft v...
    99+
    2024-04-05
    sublime
  • html5网页制作用什么软件
    为制作引人入胜的 html5 网页,推荐的软件包括:adobe dreamweaver:功能全面的编辑器,具有直观的用户界面。visual studio code:跨平台代码编辑器,支持...
    99+
    2024-04-05
    css sublime
  • html5只需要写doctype的原因是什么
    这篇“html5只需要写doctype的原因是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作