这是我参与「第四届青训营」笔记创作活动的第1天。
HTML的全称是HyperText Markup Language,即超文本标记语言。作为前端三件套中的基础部分,HTML负责底层的网页内容部分。(另外CSS负责网页的样式,而JavaScript负责网页的行为)
HTML也离不开DOM(Document Object Model),它定义了访问和操作HTML文档的标准方法,它以树形结构表示如下图:
·HTML标签是由尖括号包括的关键词,并常常成对出现(意味着有单闭合标签,或称自闭合标签)。成对出现包裹而成的部分称为HTML元素。标签和属性不区分大小写,但推荐使用小写字母。
·HTML属性是描述一个元素所提供的附加信息,推荐使用双引号来包裹/
<a href = "https://juejin.cn/?utm_source=gold_browser_extension">掘金首页</a>
效果如下:
·我们通过HTML对页面进行内容划分,于是我们需要遵守HTML的语义化的原则,即遵守HTML标签、属性、属性值的含义,不要为了凸显文章内容而将文段部分用标题标签来标注。语义化是很重要的,因为不只是我们个人需要使用HTML,文档的协作者、浏览器、搜索引擎、屏幕阅读器等都需要使用我们写的HTML。语义化使得代码有了可读性、可维护性,也使搜索引擎优化,也提升了对盲人阅读的无障碍性。作为前端工程师,我们最重要的是传达网页中的内容部分,而不只是样式部分。因此我们需要了解每个标签和属性的含义,并且思考什么标签最适合描述这一部分的内容。
例如:
<h1>这是一个标题</h1>
这是一个标题
<p>这是一个标题</p>这是一个标题
这样是不合适的。
以上是我对HTML课程内容的知识整理。