这是我参与「第四届青训营 」笔记创作活动的的第1天
简单介绍一下个人情况,准大四,从大三开始系统学习前端相关知识,有幸参加了这届青训营,正好趁着这次活动来对自己学到的相关知识进行一些总结,笔记若有错误或遗漏,欢迎各位大佬指出。
超文本标记语言(HyperText Markup Language)
HTML组成
MDN (mozilla.org)# HTML(超文本标记语言)
由MDN对HTML的定义可知HTML是由一系列的元素组成的,每个元素都可以被多个属性修饰。HTML文档通过链接相互连接。
我们就用最常见的HTML模板来简单分析一下HTML文档是怎么组成的:
首先是<!DOCTYPE>声明,它不是 HTML 标签;它是指示web浏览器页面是使用HTML5版本进行编写的指令。
再往下<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部(head)和主体(body)。
在<head>标签内由<base>、<link>、<script>、<style>、<title>以及<meta>(表示前面那些不能由其它HTML元相关(meta-related)元素之一表示的任何元数据信息)。
而<body>内就是我们页面主题内容,由于内容过多难以简述,在这篇文章我就不介绍了,平时我们记住常用的标签和属性,遇到不熟悉要能知道在文档哪里查找即可。
w3c: (w3school.com.cn)
HTML 元素参考 - HTML(超文本标记语言) | MDN (mozilla.org)
注意
HTML是解释性语言,我们编写时要尽量按照Web标准制作网页,尽量提高网页质量。比如语义化标签,Web Quality-无障碍(WAI)等等,看HTML主要是开发者、浏览器、搜索引擎、屏幕阅读器等等。养成良好的编写习惯就从HTMl开始吧。