初识HTML
HTML 指的是
超文本标记语言
(Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种
标记语言
(markup language)标记语言是一套
标记标签
(markup tag)pink老师 一句话说出html作用:
网页是由网页元素组成的 , 这些元素是利用html标签描述出来,然后通过浏览器解析,就可以显示给用户了。
所谓的超文本就是:
它可以加入图片、声音、动画、多媒体等内容(超越文本限制)
它还可以从一个文件跳转到另一个文件(超级链接文本)
总之 html 是超文本标记(标签)语言
H(很)T(甜)M(蜜)L(啦) 是很快乐的一件事情
HTML的基本骨架
HTML 有自己的语言语法骨架格式,必须严格遵守:
</span></span></span><span data-slate-leaf="true" class="" data-slate-code-syntax="true" data-slate-token-type="tag"><span data-slate-leaf="true" class="slate-code_syntax prism-token token tag" data-slate-code-syntax="true" data-slate-token-type="tag"><span data-slate-string="true">
说明:
:HTML标签,页面中最大的标签,我们称为根标签
:文档的头部,必须要设置的标签是title
:文档的标题,也就是浏览器导航栏要显示的文本
:文档的主体,包含文档的所有内容,现显示的内容都放在这里HTML标签名、类名、标签属性和大部分属性值统一用
小写
HTML元素标签分类
常规元素(双标签)
<标签名> 内容 比如 我是文字
有开始标签就有结束标签
和开始标签相比,结束标签只是在前面加了一个关闭符“/”。
空元素(单标签)
<标签名 /> 比如
简单点说,就是里面不需要包含内容,不需要闭合
例如
![]()
pink老师 一句话说出他们:
世界上单身狗毕竟是少数的, 大部分还是喜欢成双成对,不要拉下你的另外一半,对待一个双标签要有始有终。
HTML标签关系
嵌套
并列
文档类型
pink老师 一句话说出他们:
就是告诉浏览器按照HTML5 规范解析页面.
团队约定
HTML文件必须加上 DOCTYPE 声明,并统一使用 HTML5 的文档声明
页面语言lang
字符集
字符集(Character set)是多个字符的集合。utf-8是目前最常用的字符集编码方式
计算机要准确的处理各种字符集文字,需要进行字符编码,以便计算机能够识别和存储各种文字。
团队约定:
一般情况下统一使用 “UTF-8” 编码, 请尽量统一写成标准的 “UTF-8”,不要写成 “utf-8” 或 “utf8” 或 “UTF8”。
HTML标签的语义化
所谓标签语义化,就是指标签代表的含义。
合理使用的语义化标签的目的:
方便代码的阅读和维护,让结构更清晰。
同时让浏览器或是网络爬虫可以很好地解析,从而更好分析其中的内容
使用语义化标签会具有更好地搜索引擎优化(SEO)
语义是否良好: 当我们去掉CSS之后,网页结构依然组织有序,并且有良好的可读性。( 裸奔起来一样好看 )