HTML基础 | 青训营笔记

92 阅读1分钟

html 即Hypertext Markup Language,是web页面的基石。核心即创建网站框架结构,控制内容布局,是网站设计的基础。如果将web网页比作一个人的话,html就是这个人的骨骼,Javascript 就是这个人的肌肉(即网页的功能),css就是这个人的皮囊(即网页的页面设计)。 html并非图灵完备,它只是一门标记语言。

classDiagram
基本语法 --|> 标签元素
基本语法 --|> 文本
基本语法 --|> 注释
基本语法 --|> DTD
基本语法 --|> 处理信息
class 标签元素{
形式:<head></head>
最核心
}
class 文本{
不能带有包括尖括号的字符,
如有必须转译
处理为<![CDATA[Text]]>
}
class 注释{
唯一注释方式
<!--comments-->
}
class DTD{
申明文档中可以有那些标签,语法特性
类似于语法定义文档
<!Doctype html>
}
class 处理信息{
<?a1?>
给浏览器看
的特殊标记
}

html标签包括:文档型 闭合性 换航行 以及H5中的新元素标签(语义化标签、媒体标签、表单标签、功能标签) 以下是html body 功能性标签:

image.png

我主要将针对html语义化标签谈谈自己的理解和看法: 首先,语义化标签可以帮助开发者更好维护网站结构。

在我们身边的任何地方都要依赖语义——我们依靠以前的经验来告诉我们一个日常物品的功能是什么;当我们看到某个东西时,我们知道它的功能是什么。举个例子,我们知道红色交通灯表示“停止”,绿色交通灯表示“通行”。如果运用了错误的语义,事情会迅速地变得非常棘手 同样的道理,我们需要确保使用了正确的元素来给予内容正确的含义、作用以及外形。例如h1元素是一个语义元素,它所包裹的文本具有“页面上的顶级标题”的作用(或意义)。 例如未语义化前:

image.png

所有文字杂糅在一起,很难分辨提取出语句核心。