0

0

当前主流HTML5的网页是否依然是以DIV + CSS为基础开发的?

php中文网

php中文网

发布时间:2016-06-07 08:42:27

|

2213人浏览过

|

来源于php中文网

原创

我是web前端的初学者,希望能够在学习中跟上主流,目前对于HTML和CSS都学习了语法,但考虑到在实际开发一个网站是如何通过这两者来进行的,有些不知所措。在网上搜了下大概都是讲通过DIV + CSS来布局网页的,但这个作为以往网页的开发手段,和现在表现内容更加生动丰富的HTML5网站,这个方法是否依然是主要的。

回复内容:

“在网上搜了下大概都是讲通过DIV + CSS来布局网页的……”

你先换个搜索引擎再说。 首先 直接回答题主的问题
”当前主流HTML5的网页是否依然是以DIV + CSS为基础开发的?“
这句话本身
大体上是正确的 但是又不够严谨


我们现在通过浏览器打开所看到的页面
基本组成元素我们称之为HTML,也就是网站的结构层,而div只是HTML的一个比较重要的元素而已
我们把一个站点比喻成一个人体吧
HTML就好比人体的骨架

CSS
就相当于人类的皮肤等 起到一个渲染装饰的作用 负责修饰人的外观
比如控制你这个人是高鼻子还是塌鼻子
双眼皮还是单眼皮 A cup还是E cup (害羞)

最后还有一个建设网站非常重要的语言是javascript
它是让网站”动起来“必要的组成部分
它的作用是相当于控制人类微笑、拥抱、接吻以及pia pia pia等行为的咯~~(捂脸)

虽然大家都是用的都是HTML+CSS+javascript来实现网站的前端部分
但是我们可以用语义化标签来实现更好的SEO
可以用弹性布局、响应式布局来实现不同屏幕分辨率给用户展示更加友好的体验效果
可以用requirejs、seajs来自动处理javascript模块的加载依赖
可以用less、sass来提高css的写作效率
可以用gulp+nodejs实现项目的构建、测试、打包部署等工作

同样是汉字
有的人只能拿来应付考试 写篇水水的作文 比如说答主自己
有的人却能写出来精彩纷呈小说 比如说天龙八部、鹿鼎记、神雕侠侣 比如说金庸老前辈

同样是HTML+CSS+javascript
有的人只是用它们来做了一个只有几个页面的普通企业站 装饰门面
有的人拿它们来做了一个叫做阿里巴巴的平台 小伙伴们双十一双十二在上面刷得不亦乐乎

我觉得题主是想做后者吧
那么咱一起努力咯



最最后 欢迎加入我们的萌萌哒前端人3 前面都满人了 囧 群号555360861大家一起交流吧^_^ 我素质低,看到 div + css 我就想骂人。能不能把这个职业说得高大上点? 虽然大家都是这么用的,但是你出去千万不要这么说哦,至少几个词要随口能说出来,例如 语义化标签,弹性布局,响应式布局,模块化,原子化,less,sass,组件化开发。

恩,然后回家后继续用div+css开发就行了。 这么理解吧,传统的web架构
css为皮肤,div则为真皮,js组成简单的肌肉和血管,后端各种p才是大脑

html5时代,css和div依然是皮肤和真皮,但是皮肤比以前绚丽多彩了,也可以对外界交互产生简单的应激反应。。。
js可以组成更复杂肌肉,能做的动作也会增多,而且更加规范
肌肉与大脑的联动性也增加不少

从全靠大脑的时代,变成皮肤肌肉大脑协同的时代的。。。呵呵 HTML5定义:能向后兼容目前UA处理内容的方式。为了让语言更简单,一些老的元素和Attribute会被舍弃。比如一些纯粹用于展现的元素(如big)或Attribute被舍弃,因为他们更适合用CSS来处理。
但UA依然可以支持老旧的属性和元素。这就是为什么HTML5标准清楚地划分了给开发的要求和给UA的要求。比如,开发者不应当使用plaintext元素,但UA需要兼容plaintext元素。
既然HTML5已区分对UA和对开发者的要求,再也不需将一些特性标记为deprecated了。

举个例子:
div+css一定会学习块状元素和行内元素,但这两个HTML元素概念从字面上却和CSS样式有着很深的联系,这种联系有悖于Web规范中一直倡导的表现和样式分离这种核心理念。
HTML5新规范中,已经淡化了元素的这两种分类,取而代之的方案是更具有语义的HTML元素分类方式,如下:
  • 元数据式内容(Metadata content):...
  • 流式内容(Flow content):
    ...[注:1]
  • 章节式内容:
  • 标题式内容:

    ~


  • 段落式内容:当前主流HTML5的网页是否依然是以DIV + CSS为基础开发的?...[注:2]
  • 嵌入式内容:当前主流HTML5的网页是否依然是以DIV + CSS为基础开发的?
  • 交互式内容:
  • 结论:

    前端开发者在html5的开发中还继续使用css进行布局,但是更应该结合实际的页面的设计有意识的使用html5规范中的内容模型,并通过这些更具有语义的内容模型进行页面的normal flow设计。

    详细的内容请看这里HTML5 Differences from HTML4

    玻璃钢企业网站源码1.5
    玻璃钢企业网站源码1.5

    本程序源码为asp与acc编写,并没有花哨的界面与繁琐的功能,维护简单方便,只要你有一些点点asp的基础,二次开发易如反掌。 1.功能包括产品,新闻,留言簿,招聘,下载,...是大部分中小型的企业建站的首选。本程序是免费开源,只为大家学习之用。如果用于商业,版权问题概不负责。1.采用asp+access更加适合中小企业的网站模式。 2.网站页面div+css兼容目前所有主流浏览器,ie6+,Ch

    下载

    另外w3c上这篇文章也很好《HTML5 Differences from HTML4》 连接-->HTML5 Differences from HTML4


    注1:这个分类基本包括了HTML4.01中的块状元素和行内元素。
    注2:基本上等同于HTML4.01中行内元素的范围。 书名有“DIV+CSS”的一律不要买、不要看! DIV+CSS 这个说法是外行话,有类似字眼的教程、书不要看不要买,有这样说法的面试官的公司不要去。 是,但不仅限于。

    前端(HTML5)技术栈 = HTML(包括新的HTML5标签) + CSS(包括CSS3) + DOM + Javascript APIs (Web Workers/Web Socket/Video/Canvas..) 不是哦。。是基于HTML5+CSS+Javascript开发的。。。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
go语言 注释编码
go语言 注释编码

本专题整合了go语言注释、注释规范等等内容,阅读专题下面的文章了解更多详细内容。

2

2026.01.31

go语言 math包
go语言 math包

本专题整合了go语言math包相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

go语言输入函数
go语言输入函数

本专题整合了go语言输入相关教程内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

golang 循环遍历
golang 循环遍历

本专题整合了golang循环遍历相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.31

Golang人工智能合集
Golang人工智能合集

本专题整合了Golang人工智能相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

2026赚钱平台入口大全
2026赚钱平台入口大全

2026年最新赚钱平台入口汇总,涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道,助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。

76

2026.01.31

高干文在线阅读网站大全
高干文在线阅读网站大全

汇集热门1v1高干文免费阅读资源,涵盖都市言情、京味大院、军旅高干等经典题材,情节紧凑、人物鲜明。阅读专题下面的文章了解更多详细内容。

73

2026.01.31

无需付费的漫画app大全
无需付费的漫画app大全

想找真正免费又无套路的漫画App?本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用,涵盖国漫、日漫、韩漫及经典老番,满足各类阅读需求。阅读专题下面的文章了解更多详细内容。

67

2026.01.31

漫画免费在线观看地址大全
漫画免费在线观看地址大全

想找免费又资源丰富的漫画网站?本合集精选2025-2026年热门平台,涵盖国漫、日漫、韩漫等多类型作品,支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。

19

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.1万人学习

CSS教程
CSS教程

共754课时 | 25.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号