ascoders / blog

博客
263 stars 0 forks source link

w3c 规范原味解读 - 1 介绍 #9

Open ascoders opened 7 years ago

ascoders commented 7 years ago

说明

解读不是翻译,因此不会逐句涵盖 w3c 的官方文档,我本意将站在一个初学者的角度,将需要注意的地方记录下来,同时站在一个实用主义者角度,将工作中不常用,但与标准差异较大的理解记录下来,主要意图是记录自己的理解,和帮助日后索引与查询,如果读者希望地毯式理解 w3c 标准,建议逐字阅读 w3c 官方英文文档。

HTML

the Hypertext Markup Language 超文本标记语言

HTML 乍一看可能给人感觉到一些荒谬,因为其规范是在几十年间,许多不同背景的开发者共同贡献的,很多地方可能无法很全局的把握。

为了简化难度,没有暴露多线程的特征给开发者,HTML 和 DOM API 也被设计为无法检测是否有其它脚本正在同时运行。就算是 webWorker,其实现原理可以认为是在同一个浏览器上下文序列化执行所有脚本。

Tag

< > / 构成,某些标签可以不闭合,比如 <br>

标签可以嵌套,比如:

<p>This <em>is <strong>correct</strong>.</em></p>

但不能交叉嵌套:

<p>This is <em>very <strong>wrong</em>!</strong></p>

Attribute

如果属性值不包含空格、" ' ` = < > ,就可以不用双引号,以下写法都是正确的:

<!-- empty attributes -->
<input disabled>
<input disabled="">
<input disabled=""/>

<!-- attributes with a value -->
<input name=address>
<input name='address'>
<input name="address">

拓展机制

HTML 提供了很多方法拓展语义,确保使用安全的方法拓展语义,保证不会产生副作用,例如: