一、W3C标准
一个网页由结构、表现、行为三部分组成。
结构——HTML(超文本标记语言):描述网页的结构内容。
表现——CSS（层叠样式表）：装扮页面,描述网页内容的表现样式。
行为——JavaScript(脚本语言)：负责页面的行为交互。
注：W3C：（World Wide Web Consortium）万维网联盟，于1994年由万维网的发明人伯纳斯-李创建的国际化Web标准组织；WWW组织的作用是发展和维护Web标准；它的标准不是强制的，而是推荐的，在 万维网初期，为整个web界比较混乱的时代，制定了网页开发标准,保证了同一网页在不同浏览器下有相同的显示效果，后世称这种标准为W3C标准（规范）。
二、HTML语言术语简述
HTML:中文名称超文本标记语言。是一种使用标签来描述网页结构内容的标记语言；html文件的后缀名为html，当前最新的HTML标准规范是HTML5.
标签：也称标记，是专门用来标识网页中的不同内容的，比如h1标签用来表示一级标题，p标签用来表示一个段落等等。
标签按照书写格式的不同可以分为两种：双标签和单标签；按照在页面上的表现效果分为三种：块元素标签、行内元素标签、行内块元素标签。
语义化标签：（面试题：谈谈你对HTML5语义化标签的理解）
语义化标签，有意义标签，标签本身传达了关于标签所包含内容类型的一些信息。如title标签用来描述页面的标题内容，p标签是用来表示段落内容。
使用语义化标签的优点：
代码结构清晰：在CSS没有或者未被渲染出来的情况下，页面依旧呈现出很好的效果。
对SEO友好：帮助搜索引擎更好的识别页面内容，进而抓取关键信息。
对用户友好：title、alt等标签属性对用户是友好的，使用户拥有更好的体验。
便于团队开发，提高工作效率：标签的语义化提高了代码的可读性，其他开发人员更好的理解页面结构，更好的编写和维护代码。
方便设备解析：屏幕阅读器、盲人阅读器、移动设备以语义化的方式渲染页面。
三、网页的基本框架结构
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"/> 5 <title>网页标题</title> 6 </head> 7 <body> 8 主体内容 9 </body> 10 </html>
解释说明：
<!DOCTYPE html>
文档声明（h5）：用于告知浏览器以HTML的哪个标准去编写指令。由于每个版本所支持的标签存在差异，或添加新的标签，或者删除过时的标签，所以html的文档声明决定了可使用的标签。
书写位置：必须写在根标签的上面。
不写的话会怎么样？
不写或者写错的话，浏览器将以混杂模式对页面进行渲染。
<html></html>
html标签是用来定义和描述页面文档的标签，它是网页的根标签，所有的标签都必须写在根标签内，即便在编写源代码是写到body外面或者html的外面，浏览器会自动纠错，在内存中将标签代码写入到正确的位置。
html标签下有两个子标签。head标签和body标签；
<head></head>
head标签是网页的头部标签，它是所有头部元素的容器，包含关于页面文档的机器可读信息，比如meta、title、link、base、style、script等元素，网页头部标签是对页面文档信息的描述，
这些信息是提供给机器处理的（浏览器和搜索引擎）和识别的。
在head头部标签中编写的内容不会在页面显示。
<body></body>
body标签是页面的主体，所有显示在页面上的内容都必须写在body标签中。
浙公网安备 33010602011771号