前言

我们先来简单复习三遍。

div、span。

div、span。

div、span。

好的,掌握了这两个标签和 head 的写法,我们就已经掌握了 HTML 百分之九十的应用场景。

对于前端开发人员来说,HTML 似乎是一种无需关注的背景知识(好比小学语文),无非就是 “元素=标签+内容”, 很少有人愿意花费大量时间去琢磨它,除非大版本更迭,也大会去关注它究竟发生了什么变化。

那么这种做法对吗?我觉得对。既然不必花费太大精力关注也不会出岔子,那不如把精力用在容易出岔子的地方。

但在认识上,我们不应该小看 HTML,它同样拥有很高的天花板,可以诞生大师级的人物,值得去深入钻研。而且从某种程度上来说,虽然优先级不那么高,但精通 HTML 也是成为优秀的前端工程师的必由之路。

这篇文章,我们一起来整理一下那些容易被遗漏的知识,从而一窥 HTML 的庐山真面目。

首先看一下 W3C 对 HTML 的定义。

What is HTML?

HTML is the language for describing the structure of Web pages. HTML gives authors the means to:

  • Publish online documents with headings, text, tables, lists, photos, etc.
  • Retrieve online information via hypertext links, at the click of a button.

【前端圭臬】二:你知道的和不知道的 HTML相关推荐

  1. 前端见微知著JavaScript基础篇:你所不知道的apply, call 和 bind

    在我的职业生涯中,很早就已经开始使用JavaScript进行项目开发了.但是一直都是把重心放在了后端开发方面,前端方面鲜有涉及.所以造成的一个现象就是:目前的前端知识水平,应付一般的项目已然是足够的, ...

  2. 【前端圭臬】一:写给入坑前端的你

    专栏目录 导论 [前端圭臬]一:写给入坑前端的你 HTML 篇 [前端圭臬]二:你知道的和不知道的 HTML CSS 篇 [前端圭臬]三:详解 CSS 选择器 [前端圭臬]四:CSS 核心机制--如何 ...

  3. Vue.js 父子组件通信的十种方式;告诉世界前端也能做 AI;你可能不知道的14个JavaScript调试技巧...

    记得点击文章末尾的"阅读原文"查看哟~ 下面先一起看下本周的摘要吧~ 想了解老用户如何参与阿里云双十一1折拼团特惠主机的,可以看第二条推送,文中提供了两种方法~,一起看看本周有哪些 ...

  4. 前端:你可能不知道的骨架屏方案设计

    原文: https://juejin.cn/post/6994678354200756238 作者: 羽飞 关注并将「趣谈前端」设为星标 每天定时分享技术干货/优秀开源/技术思维 〇 前言 这篇是作者 ...

  5. vue前端生成二维码,实现扫码下载功能

    vue前端生成二维码,实现扫码下载功能 首先需要安装一个插件 npm install --save qrcodejs2 然后在需要的页面引入插件,最后使用 <template><di ...

  6. uni-app实现仿微信前端(二)

    uni-app实现仿微信前端(二) 5. 完善通讯录界面 首先观察手机微信= =,不难看出共同点 所有的栏目都是左边图片右边描述 所以,建立相应的class <view class=" ...

  7. 微信小程序前端生成二维码并保存(海报同理)

    这里写自定义目录标题 1.前端生成二维码并保存 1.前端生成二维码并保存 1.下载weapp.qrcode.js文件并引入项目中 2.先在wxml文件中构建canvas画布 <canvas st ...

  8. 前端生成二维码qrcode.js,并下载

    利用qrcode.js在前端生成二维码,并下载 一.引入js包 <script type="text/javascript" src="//static.runoo ...

  9. 二维码设计不得不知的小技巧!

    越来越多的营销人员.政府机关部门等聚焦二维码,因此二维码应用范围越来越广,越来越多.但是黑黑白白毫无设计感的方框实在毫无辨识度可言,让人提不起扫一扫的兴致. 想知道怎么做二维码才会更符合品牌形象,更具 ...

  10. 前端生成二维码与图片合成

    首先前端生成二维码 使用插件完成,插件为DrawQRCode.unitypackage  合成二维码直接使用DrawQRCode 类里提供的方法即可 生成二维码的方法 DrawCode_Color32 ...

最新文章

  1. python使用matplotlib可视化、使用英文单次或者缩写指定使用的颜色、使用16进制的RGB字符串指定颜色、使用RGB或者RGBA数字元组指定颜色
  2. pid算法通俗解释,平衡车,倒立摆,适合不理解PID算法的人来看!
  3. Python机器学习---2.聚类算法理论部分
  4. uvm 形式验证_这究竟属于下一代验证的方法、语言还是工具?||路科验证
  5. gps84转换gcj02公式_百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换...
  6. java截取指定字符串中的某段字符
  7. 伪指令相当于c语言的什么,ARM汇编中关于“.word”伪指令的概念(转)
  8. CSDN Blog升级通告
  9. python编程语言集合_【python】编程语言入门经典100例--12
  10. hibernate 实现数据库查询
  11. Java内部类(摘自Java就业培训教程)
  12. 锂电池注液工艺视觉定位方案指南
  13. 模拟CMOS集成电路设计中的电流基准源及用Cadence Virtuoso IC617设计并仿真有关电路
  14. Excel 2013 查找和替换单元格内换行回车
  15. 参数化设计的意义——Autodriver
  16. phpMyAdmin4.8.1漏洞复现及利用
  17. 微信默认表情符号的代码对照表(微信公众号使用到)
  18. JAVAFX如何在文本框内插入图片
  19. 苹果恢复出厂设置系统也会还原吗_手机恢复出厂设置会影响使用吗?听听专业人士看法,减少后顾之忧...
  20. DataGridView.BorderStyle 属性

热门文章

  1. ce能修改服务器数据吗,ce修改游戏服务器数据库
  2. cocos2dx学习笔记之常用动作类Action详解
  3. javafx.util.Pair 不支持反序列化
  4. BaseService和其实现类
  5. 飞书深诺香港IPO招股书失效,营收、净利润均远不及木瓜移动
  6. iisreset远程重启IIS服务提示没有注册类
  7. 【C++】输入的几种方式
  8. cgic 写CGI程序
  9. CCS3.3工程在高版本CCS上的移植及CCS10的安装使用
  10. 存储器的整体概述(内存、外存、ROM、RAM)