标签语义化：
语义和默认样式的区别：
- 默认样式是浏览器设定的一些常用tag的表现形式；
- 语义化的主要目的就是让大家直观的认识标签和属性的用途和作用；
标签语义化作用：
- 当只有HTML页面时，没有CSS，我们仍然可以很清晰的看懂页面的DOM结构
- 团队维护，当团队来review代码或者重构时，增强代码的可读性，更利于维护
- 有利于SEO，搜索引擎爬虫依赖于标签来确定上下文和各个关键字的权重
- 提高用户体验，比如 title 和 alt 等用来解释内容信息
常用语义化的标签：
<header>头部标签，用来写网页最上方的公共头部，也就是页眉。
<header>
<h1>一级标题</h1>
<h2>二级标题</h2>
</header>
<nav>标签，用来写导航，一般写在<header>标签里面，内部用<ul>无序列表。
<nav>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
-
<code>：code可以包裹html语句而不会被浏览器再去解析。 -
<pre>，<samp>：这是一段HTTP协议的内容描述，因为这段内容的换行是非常严格的，所以我们不需要浏览器帮我们做自动换行，因此我们使用了pre标签，表示这部分内容是预先排版过的，不需要浏览器进行排版。 -
<article>标签，当我们要写网页文章的主要内容时，要用到这个标签。
<article>
<h2>标题</h2>
<p>内容</p>
</article>
<address>标签，定义文档作者或拥有者的联系信息。
如果 <address> 元素位于<article>元素内部，则它表示该文章作者或拥有者的联系信息。
通常的做法是将 address 元素添加到网页的头部或底部。
<p>段落标签
知道了
作为段落，你就不会再使用<br/>来换行了，而且不需要<br/>来区分段落与段落。
<p></p>中的文字会自动换行，而且换行的效果优于<br/>。
<p>段落内容</p>
<span>标签
<span>标签的语义为被用来组合文档中的行内元素
<b>、<em>、<strong>
<b>标签语义为“加粗”
<em>标签语义为“强调”
<strong>标签语义为“更强烈的强调” 而且em 默认用斜体表示，strong 用粗体表示。
最后
分享一套我整理的面试干货，这份文档结合了我多年的面试官经验，站在面试官的角度来告诉你，面试官提的那些问题他最想听到你给他的回答是什么，分享出来帮助那些对前途感到迷茫的朋友。
面试经验技巧篇
- 经验技巧1 如何巧妙地回答面试官的问题
- 经验技巧2 如何回答技术性的问题
- 经验技巧3 如何回答非技术性问题
- 经验技巧4 如何回答快速估算类问题
- 经验技巧5 如何回答算法设计问题
- 经验技巧6 如何回答系统设计题
- 经验技巧7 如何解决求职中的时间冲突问题
- 经验技巧8 如果面试问题曾经遇见过，是否要告知面试官
- 经验技巧9 在被企业拒绝后是否可以再申请
- 经验技巧10 如何应对自己不会回答的问题
- 经验技巧11 如何应对面试官的“激将法”语言
- 经验技巧12 如何处理与面试官持不同观点这个问题
- 经验技巧13 什么是职场暗语
面试真题篇
- 真题详解1 某知名互联网下载服务提供商软件工程师笔试题
- 真题详解2 某知名社交平台软件工程师笔试题
- 真题详解3 某知名安全软件服务提供商软件工程师笔试题
- 真题详解4 某知名互联网金融企业软件工程师笔试题
- 真题详解5 某知名搜索引擎提供商软件工程师笔试题
- 真题详解6 某初创公司软件工程师笔试题
- 真题详解7 某知名游戏软件开发公司软件工程师笔试题
- 真题详解8 某知名电子商务公司软件工程师笔试题
- 真题详解9 某顶级生活消费类网站软件工程师笔试题
- 真题详解10 某知名门户网站软件工程师笔试题
- 真题详解11 某知名互联网金融企业软件工程师笔试题
- 真题详解12 国内某知名网络设备提供商软件工程师笔试题
- 真题详解13 国内某顶级手机制造商软件工程师笔试题
- 真题详解14 某顶级大数据综合服务提供商软件工程师笔试题
- 真题详解15 某著名社交类上市公司软件工程师笔试题
- 真题详解16 某知名互联网公司软件工程师笔试题
- 真题详解17 某知名网络安全公司校园招聘技术类笔试题
- 真题详解18 某知名互联网游戏公司校园招聘运维开发岗笔试题
需要这份文档的朋友可以点击蓝色传送门即可免费获取！
面试技巧整理
需要这份文档的朋友可以点击蓝色传送门即可免费获取！
面试技巧整理
整理不易，点个关注再走吧
72
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
