html5基础学习

WebStorm 开发工具、HTML5 基础、CSS 基础
一.学习内容
1.Html
了解了html是什么， HTML是Hyper Text Markup Language 的简写，译成中文是「超文本标记语言」;常用的标签有哪些，以及其中的一些注意事项，标签可以用来展示文字、图片、表格等，它们之间还可以相互嵌套。熟知了HTML 区块元素和内联元素； HTML表格由<table>标签来定义；HTML 表单用于收集用户的输入信息。
2.css基础
主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。了解css的基础语法，如何创建以及基础选择器的一些类型；列表，表格的具体属性。
3.webstorm开发工具


二.问题回答
1.DOCTYPE的作用？严格模式和混杂模式的区别？
（1）DOCTYPE 标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义来解析文档。 表示网页采用html5。
（2）严格模式的排版和JS运作模式都是以浏览器支持的最高的标准运行。
（3）混杂模式是以宽松的，向后兼容的方式来解析代码。是指浏览器用自己的方式解析代码，模拟老式浏览器的行为以防止网站停止工作。
2.SEO，如何实现？
SEO就是指按照搜索引擎的算法，提升你的文章在搜索引擎中的自然排名。
内部优化：提高文章本身的质量
外部优化：让你的文章曝光在更多权威网站上
3.行内元素 （inline）：a,img,span,input,i,select
块级元素 （block）：div,ul,ol,p,li,header,footer,h1~h6
4.<img> 的title 和alt 有什么区别？
alt属性:
（1）当图片加载不出来的时候，就会在图片未显示的地方出现一段alt设置的属性内容。这个属性的作用是为了给未加载的图片显示提示信息，即使在网络比较差的时候，用户也可以知道图片的内容，方便用户浏览网页。同时在程序员对网站维护的时候也能更快的查找到问题。
（2）浏览器的搜索引擎可以通过alt属性的文字描述来获取图片。
title属性：
title属性可以用在任何的元素上，当用户把鼠标移动到元素上时，就会显示预先设置的title的内容，起到对图片说明的作用，实质上就是对图片的解释和备注。
5.canvas和svg 的区别
（1）svg 是一种矢量图，而 canvas 依赖于分辨率。所以 svg 放大不会失真，但是 canvas 绘制的图形会失真。
（2）svg 支持事件处理器，而 canvas 不支持事件处理器。
（3）svg 中的文字独立于图像，文字可保留，可编辑和可搜索，canvas 的文本渲染能力弱。
（4）canvas 适合图像密集型的游戏，频繁地重绘图像，svg 绘制的复杂度高时减慢渲染的速度。
（5）canvas 绘制的图形可以多种格式 (jpg、png) 保存图片，但是 svg 绘制的只能以 .svg 格式保存，使用时可以引入 html 文件。
（6）canvas 适合开发游戏，svg 不适合游戏应用。
6.样式优先级规则：
（1）根据权重值排序，应用权重值第一的样式
（2）如果权重值相同，则应用靠后定义的样式，且遵循“元素上的style” > “文件头上的style元素” > “外部样式文件”的规则。
7.伪类和伪元素的区别
（1）伪类是通过在元素选择器上加入伪类改变元素状态。
（2）伪元素通过对元素的操作进行对元素的改变。
三.学习收获
通过对HTML的学习我发现HTML是十分重要的一个超文本标记语言，它虽然不是一门编程语言但是它却十分强大，它里面包含了很多标签，通过这些标签我们使用者就可以根据自己的需要来设计一个网页，把我们想要表达的内容放进这个网页当中，它定义了网页内容的含义和结构。