认识WEB
「网页」主要是由文字、图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频、视频以及Flash等。
「浏览器」是网页显示、运行的平台。
「浏览器内核」(排版引擎、解释引擎、渲染引擎)
Web标准
「构成」 结构标准,表现标准和行为标准
结构标准用于对网页元素进行整理和分类(HTML)
表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)
行为标准用于对网页模型的定义及交互的编写(JavaScript)
「Web标准的优点」
易于维护:只需更改CSS文件,就可以改变整站的样式
页面响应快:HTML文档体积变小,响应时间短
可访问性:语义化的HTML(结构和表现相分离的HTML)编写的网页文件,更容易被屏幕阅读器识别
设备兼容性:不同的样式表可以让网页在不同的设备上呈现不同的样式
搜索引擎:语义化的HTML能更容易被搜索引擎解析,提升排名
HTML初识
「HTML」(Hyper Text Markup Language): 超文本标记语言
「所谓超文本,有2层含义:」
因为它可以加入图片、声音、动画、多媒体等内容(超越文本限制 )
不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)。
「HTML元素标签分类」
- 常规元素(双标签)
- 空元素(单标签)
「HTML标签关系」
- 嵌套关系父子级包含关系
- 并列关系兄弟级并列关系
-
- 如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。如果是并列关系,最好上下对齐。
「lang的作用」
- 根据根据lang属性来设定不同语言的css样式,或者字体
- 告诉搜索引擎做精确的识别
- 让语法检查程序做语言识别
- 帮助翻译工具做识别
- 帮助网页阅读程序做识别