HTML5知识点复习与总结

HTML5知识点总结

---

---

小知识点：

1、HTML与CSS

html：超文本标记语言，定义网页中有什么
css：层叠样式表，定义网页中的东西长什么样子

2、Markdown生成目录

markdown生成目录：[toc]

3、标签使用遇到问题查询得到标准答案

遇到问题查 mdn+标签，得到标准定义
HTML5元素周期表

4、乱数假文（lorem）的使用

指没有任何实际意义的文字，由系统随机产生单词，常用于报纸印刷时测试排版，在HTML中常用于P标签中，测试文章样式

p>lorem30			#生成30个单词的乱数假文

---

浏览器知识点

浏览器：
1、shell 外壳
2、core 内核（JS执行引擎、渲染引擎）

有独立内核的浏览器	内核
IE	trident
Firefox	gecko
Chrome	webkit （后来自己开发 blink）
Safari	webkit
Opera	presto（已经弃用）（现在改用 blink）

---

HTML知识点

---

注释

<!--   注释内容   -->		#Ctrl键加  /   将选定区域注释或取消注释，空行也可以

---

元素

元素组成
起始标记	begin tag
结束标记	end tag
元素内容	字符串 或 别的元素
元素属性	（属性名+属性值）

语义化

1、语义化含义

• 每一个元素都有具体的含义
• 所有元素与展示效果无关，效果由CSS决定（浏览器存在默认CSS样式）

确定选择什么元素，应该取决于内容的含义，而非显示出来的效果

2、为什么需要语义化

• 为了搜索引擎优化（SEO）
• 为了让浏览器理解网页（特殊情况：比如说朗读网页时标题和重读音，阅读模式忽略广告等）

---

行内元素与块级元素

一个行内元素只占据它对应标签的边框所包含的空间-------来自MDN
例子：

块级元素占据其父元素（容器）的整个空间
通常浏览器会在块级元素前后另起一个新行。
例子：