WEB前端开发基础

第一章 初识HTML
1.HTML是用来描述网页的一种语言，是超文本标记语言（Hyper Text Markup Language）的缩写简称。
2.W3C（World Wide Wed Consortium，万维网联盟）诞生了，由W3C组织制定和维护的Web开发标准，称之为W3C标准；但并非强制而只是推荐标准。
3.•网页是一个文件，它存放在世界上某个角落的某一部计算机中，而这部计算机必须与互联网相连。
•网页经由网站来识别和读取，当你在浏览器地址中输入网址后，经过一段复杂而又快速的程序，网页文件就会被传送到你的计算机，然后再通过浏览器解析网页的内容，再展示到你的眼前。
• 它是万维网的“一页”，通常是“HTML”格式（文件扩域名.Html或者.htm）
• 它可以包括图形、文字、声音和视像等信息。
4. WWW是环球信息网的缩写，（亦作“Wed”、“WWW”、“W3”,英文全称为“World Wide Web”）,中文名字为“万维网”，“环球网”等；常简称为“Wed”。
5. 编写网页可以通过两种方式实现：
•一种是文本手工编辑；
•一种是借助于开发工具。
•示例.

6. Web应用项目开发技术大体上被分为客户端技术和服务端技术两大类。
7. 由这两种技术共同完成的项目称之为Web项目
   •课户端应用对技术主要用于展示信息内容；
   •服务端应用的技术主要用于业务逻辑处理和数据库交互等。
8. HTMI语言是客户端技术的基础，主要用于展示网页上的图文信息，由浏览器按顺序识别标签进行渲染展示。
9. PHP（外文名：PHP：Hypertext Preprocessor,中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。
10. Python是一种计算机程序设计语言。
11. Node是一个让JavaScript运行在服务端的开发平台，它让JavaScript成为与PHP、Python、perl、Ruby等服务端平起平坐的脚本语言。
12. URL（Uniform Resource Locator）中文名称叫做统一资源定位符，对可以从互联网上得到资源位置和访问方法的一种简洁表示，是互联网上标准资源的地址。
13. 常用的URL格式如下：
    •协议类型：//服务器地址[:端口号]/路径/文件名[参数=值]
14. HTML文件主要包括开始标签、文件头部标题、文件标题标签

7.段落标签（p）
•段落标签

表示文章中一个段落的文字内容。

8.换行符（br）
•随着浏览器窗口的大小拉伸，自动转换为两行或多行展示效果。

9.转义字符
•转义字符（Escape Sequence）又称字符实体(Character Entity)分三部分：•是一个&符号，英文叫ampersand;
•是实体（Entity）名字（实体名称是区分大小写）或者是#加上实体（Entity）编号；
•是一个英文分号（代码里的符号都是英文半角符号）。
显示 说明 实体名称 实体编号
半大的空白    
全放大的空白    
不断行的空白    
< 小于 &lt <

大于 &gt >
& &符号 &amp &
" 双引号 &quot "
© 版权 &xopy ©
® 已注册商标 &reg ®
™ 商标（美国） ™ ™
× 乘号 &times ×
÷ 除号 &divide ÷

10.注释字符

注释字符用来在HTML页面文档中插入注释，如上图。

11.无语义标签
块级元素

•div全称division，意为“区分”。

标签被称为区隔标签，表示一块可显示HTML区域，需要关闭标签使用，无特定含义，因此经常被熟称为块级元素，它主要用于设置字、图片、表格等的摆放位置。也常常用于划分页面中的布局。

内联元素
•标签和

标签相似，是HTML 中组合用的标签，同样无特定含义，属于内联元素，也称为行内元素。通常作为文本的容器，用于设置文本的样式属性。

12.语义标签
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好得解析。
语义化的优势:
•为了在没有CSS的情况下，页面也能呈现出友好地内容结构、代码结构；
•增强用户体验；
•有利于SEO:和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重：
•方便其它设备解析（如怕，屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
•便于团队开发和维护，语义更具可读性，是下一步把握网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
13.语义标签的使用和含义：
header元素代表“网页”或“section”的页眉。

header使用注意：
•可以是“网页”或任意“section”的头部部分；
•没有个数限制；
•如果hgroup或h1-h6自己就能工作的很好，那就不要用header（标签的使用是灵活的，不是固定不变的）。
Footer元素代表“网页”或“section”的页脚，通常含有该节的一些基本信息。

Footer使用注意：
•可以是“网页”或“section”的底细部分；
•没有个数限制，除了包裹的内容不一样，其他跟