首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端最重要的工作——HTML构架

前端的工作是上承设计师,下接后端工程师的。其工作主要有三个方面——html\css\javascript(下简称为JS); 其中,难度最小的是html,最大的是JS。...今天我想说的是HTML。 一个良好的HTML基础是非常重要的。但是有太多的前端不把HTML当回事情,因为这是最简单的。...我想说的是HTML一点也不简单,想要写好HTML,必须遵循一下原则 善用HTML标签,不要一路DIV+SPAN 良好的结构,排除冗余 良好的HTML语义,利于后端理解,更加利于项目的SEO工作 善用ID...就第一条来说,善用HTML标签,就有太多的人做不到。在他们看来,HTML只要两个标签就够了,一个是DIV,一个是SPAN,不同的用途,加上不同的CLASS即可。 能不能完成工作?...当然,这篇文章只是我这么多年的工作的总结,如果有不对的地方,欢迎斧正!

52320
您找到你想要的搜索结果了吗?
是的
没有找到

实战中学习浏览器工作原理 — HTML 解析与 CSS 计算

Response 之后,把 body 内容传给 parser 中的 parseHTML 方法进行解析 在真正的浏览器中,我们是应该逐段的传给 parser 处理,然后逐段的返回 因为这里我们的目标只是简单实现浏览器工作的原理...在 HTML 中有80个状态,但是在我们这里,因为只需要走一遍浏览器工作的流程,我们就不一一实现了,我们在其中挑选一部分来实现即可。...开始这个代码编写之前,我们先来看看在整个浏览器工作流程中,我们完成了哪些流程,到达了哪里。 ?...然后这个过程如果是手动来实现的话,是需要较多的编译原理基础知识的,但是这些编译基础知识的深度对我们知识想了解浏览器工作原理并不是重点。所以这里我们就偷个懒,直接用 npm 上的一个css现成包即可。...最后 我们这里就完成了浏览器工作原理中的 HTML 解析和 CSS 计算。 下一篇文章我们来一起完成排版和渲染两个浏览器过程。敬请期待!

1.5K31

前端工作方式要换了?HTMX简介:无需JavaScript的动态HTML

答案很简单:它使用服务器端渲染的HTML作为编辑标记,并将表单封装抽象到框架中。JavaScript 仍然在幕后工作。...当然,HTMX并没有完全消除这一点,但它已经将工作转移到了服务器上。 HTMX的服务器端 现在,让我们考虑等式的服务器端。...它不关心你使用什么后端,只要它产生HTML。” 为了了解它是如何工作的,让我们看一个使用Express和Pug HTML模板引擎的TODO示例。这个例子是经典TODO应用程序的实现。...作为一个成熟的项目的HTMX可能最终不会像今天这样工作,但它已经证明是一个有益的影响。...也许它都可以工作。如果我们避免了固有的复杂性,扩展了底层语言HTML,实际上处理现代需求,比如Ajax,我们可以回到一个更简单的时代。标记将再次成为中心数据描述符,并足以描述UI以及线上的数据。

15710

HTML 入门笔记 - 初识HTML

DOCTYPE HTML>标题标签... ---- 了解HTML的代码注释 什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。...---- 为你的网页中添加一些空格 在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入nbsp;。不要忘了那个分号 在html代码中输入空格是不起作用的,如下代码。 ?...语法: html4.01版本 xhtml1.0版本 注意: 标签和标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。...答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。

6.4K50

HTML入门手记(1)HTML概述HTML基本语法

HTML概述 学习原因:希望制作一云项目控制工具,HTML用于提供GUI并消除不同客户端差异 学习目标:会使用HTML语言,Jinja模板和Bootstrap框架(不求精通) 教程选择: 目标 教程 HTML...语言 菜鸟HTML教程 JinJa模板 思诚之道Jinja教程 Bootstrap框架 未定 HTML是一种超文本标记语言,由不同的标签构成树形结构。...超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。...HTML基本语法 元素与属性 HTML由元素构成,每个元素由元素开始标签,元素内容和元素结束标签构成如b中,为元素开始标签表示一个段落元素开始,b为元素内容,为元素结束标签,

9.5K40

html

tag) HTML 使用标记标签来描述网页 HTML 标记标签通常被称为 HTML 标签 (HTML tag): HTML 标签是由尖括号包围的关键词,比如 HTML 标签通常是成对出现的...,比如 和 标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 html文档包括html标签和纯文本,html文档也被称为网页。...Web浏览器的作用是读取HTML文档,并以网页的形式显示出来。 常用的html标签 一个html文档大概会包括以下内容,复杂网页一般会包括更多不同的标签以及对标签进行属性的调整来得到更加丰富的页面。...html属性 HTML标签可以拥有属性。 属性提供了有关HTML元素的更多的信息。 属性总是以名称/值对的形式出现,比如:name=“value”。 属性总是在HTML元素的开始标签中规定。...可以理解为HTML 元素指的是从开始标签到结束标签的所有代码。大多数HTML元素可以嵌套(可以包含其他HTML元素)。HTML文档由嵌套的HTML元素构成。

1.9K10

HTML

HTML标签是分等级的,HTML将所有的标签分为两种:容器级、文本级。 4. 顾名思义,容器级的标签,里面可以放置任何东西;文本级的标签里面,只能放置文字、图片、表单元素。...HTML5中极大的简化了DTD,也就是说HTML5中就没有XHTML了。 8. 我们用meta标签可以声明当前这个html文档的字库,但是一定要和保存的类型一样,否则乱码!...* 首先我们先确定一件事儿,我们现在学习的是HTML4.01这个版本,这个版本是IE6开始兼容的。HTML5是IE9开开始兼容的。...但是IE6、7、8这些浏览器还不能过早的淘汰,所以这几年网页还是应该用HTML4.01来制作。后面将知道手机、移动端的网页,就可以使用HTML5了。...* HTML4.01里面有两大种规范,每大种规范里面又各有3种小规范。所以一共6种规范(见下面): * HTML4.01里面规定了普通、XHTML两大种规范。

75580
领券