HTML基本概述
1、什么是HTML
HTML(Hyper Text Markup Language)即超文本标记语言。它不是一种编程语言,而是标记语言,用于告诉浏览器如何构造您所访问的网页。HTML由一系列元素组成,可以用它来封装、包装或标记内容的不同部分,使其以某种方式显示或以某种方式执行。
2、HTML元素
HTML元素一般由开始标签,结束标签、元素的内容、属性组成。
以a元素为例:<a href="链接地址" title="标题" traget="_blank">链接内容</a>
HTML中有些元素被称为空元素,因为它们没有结束标签,如<br> <img> <link> <meta>等。
HTML元素可以分为块级元素、内联元素以及内联块状元素,下面主要描述一下它们之前的区别:
- 块级元素(block):块级元素在页面中以块状显示,会独占一行,可以设置宽高、内外边距,通常用于展示页面上结构化的内容,例如段落、列表、导航、页脚等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。常见的块级元素有:p h1....h6 table ul ol div form
- 内联元素(inline):也称行内元素。不会独占一行,只在行内起作用,无法设置宽高,以及竖直方向上的内外边距。例如 a span strong em
- 内联块状元素(inline-block):同时具备内联元素和块状元素的特点。即不会独占一行,内容决定元素所占位置,且可以修改宽高和内外边距。例如:img input
注:凡是带有inline的元素都会具有文字特性(文字间有间隔)
3、HTML语义化
语义化的目的主要在于可以直观的认识标签和属性的用途和作用。用正确的标签做正确的事。使用语义化的原因主要有以下几点:
- 在没有css时,页面也可以呈现出很好的内容结构、代码结构
- 提高用户体验,比如title alt可以用于解释名词和图片信息
- 利于SEO,语义化能和搜索引擎建立起很好的联系,有利于爬虫抓取到更多的有效信息。爬虫依赖于标签来确定上下文和各关键字的权重
-
方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页
- 便于开发和维护,语义化更具有可读性