首页 >

DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作【HTML】

web前端|html教程DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作【HTML】
DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作
web前端-html教程
DOCTYPE的选择
eoyoocms 源码,vscode中文显示部分错误,ubuntu 重启系统,tomcat 吞吐量监控,聚表 sqlite,优秀网页设计欣赏图片,低价国内云服务器,shopnc一元云购插件,前端虚拟框架,爬虫缺失值,php注释规范,seo行情好吗,springboot 云计算,手机网站放视频播放器,网页是mdi窗体吗,淘宝客怎样设置模板,织梦后台入侵,jq 页面刷新加载js,高校学生信息管理系统,微信小程序的源代码下载lzw
DOCTYPE的选择也就是文档类型选择,这决定页面元素和定义的CSS会不会生效,因为在不同的DOCTYPE中,页面中可以使用的HTML元素不同,让我们一起来看一下。
纯易语言驱动过保护等源码,vscode语言编程需要插件吗,大白菜ubuntu,在linux打开tomcat,sqlite验证登录,触屏网页设计,云服务器ip访问不了,office考试软件net插件,zk前端框架性能,爬虫盲盒,php使用curl,seo培训价格,springboot青锋架构,网站模板制作视频教程,手写响应式网页模板,京东订单模板,dede后台无法发布文章,html 页面加载 动画,基于java的管理系统,网页转码程序lzw
什么是DOCTYPE
快递管理系统设计源码,vscode为什么光标,ubuntu3.6,tomcat运行乱码,c 如何连接sqlite3,爬虫可以搜国外客户信息吗,易语言与php加密,巩义seo优化课程方案,下载了网站代码怎么用,数据修改模板lzw
DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本,要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明,只有确定了正确的DOCTYPE,XHTML中的标识和CSS才能正常生效。

选择什么样的DOCTYPE

在XHTML1.0中有3中DTD(文档类型定义)可以选择,分别是过渡的(Transitional)、严格的(Strict)和框架的(Frameset)

1.过渡的文档类型

过渡的文档类型是一种要求不是很严格的DTD允许在页面中使用HTML4.01的标识(书写方法要符合XHTML语法标准)。过渡的DTD的写法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

“http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd”>

严格的文档类型

严格的文档类型是一种要求严格的DTD,不允许使用任何表现层的标识和属性,例如等,写法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

“http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd”>

框架的文档类型

框架的文档类型是一种针对框架页面所使用的DTD,当页面中含有框架元素时,就要采用这种DTD,框架的DTD写法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

“http://www.w3.org/TR/xhtml/DTD/xhtml1-frameset.dtd”>

严格的DTD是最理想的文档类型,但是对于不是很了解WEB标准的网页设计师来说,比较合适用过渡的DTD,因为这种DTD还允许使用表现层的标识、元素和属性同时也符合XHTML的语法标准,比较适合大多数网页制作人员。

使用CSS控制效果的好处

使用CSS控制表现效果的好处,可以缩减页面代码、提高浏览速度、缩减带宽成本,由于页面结构清晰,能使网页更容易被搜索引擎搜到,其最好的好处就是体现在下面两个方面:

为网站浏览者带来的好处

1.1页面代码量少,文件下载和显示速度更快。

1.2语义结构清楚,便于更多的用户访问。

1.3结构和表现相分离,能被更多的设备访问。

1.4表现效果独立,用户可以选择自己喜欢的风格。

为网站拥有者带来的好处

2.1代码简洁和组件更少,便于维护。

2.2对带宽要求低,可以节约成本。

2.3页面结构具有清晰的语义性,便于搜索引擎搜索到。

2.4结构和表现相分离的特点使修改页面外观更容易,同时不变动页面内容。

2.5通过调用不同的样式文件,可以方便地提供打印版本。

2.6页面结构清晰,网站变得更加容易使用。

http://www.ibcut.com/


DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作【HTML】
  • div css的布局较table布局有什么优点
  • div css的布局较table布局有什么优点 | div css的布局较table布局有什么优点 ...

    DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作【HTML】
  • css折叠样式(4)――div+css布局
  • css折叠样式(4)――div+css布局 | css折叠样式(4)――div+css布局 ...

    DIV+CSS布局,第五课,DOCTYPE的选择,零起点细说网站制作【HTML】
  • div+css布局【HTML】
  • div+css布局【HTML】 | div+css布局【HTML】 ...