前言
你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。
标签语义化:
语义和默认样式的区别:
- 默认样式是浏览器设定的一些常用tag的表现形式;
- 语义化的主要目的就是让大家直观的认识标签和属性的用途和作用;
标签语义化作用:
- 当只有HTML页面时,没有CSS,我们仍然可以很清晰的看懂页面的DOM结构
- 团队维护,当团队来review代码或者重构时,增强代码的可读性,更利于维护
- 有利于SEO,搜索引擎爬虫依赖于标签来确定上下文和各个关键字的权重
- 提高用户体验,比如 title 和 alt 等用来解释内容信息
常用语义化的标签:
<header>
头部标签,用来写网页最上方的公共头部,也就是页眉。
<header>
一级标题
<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>
段落标签
知道了<p>作为段落,你就不会再使用<br/>
来换行了,而且不需要<br/>
来区分段落与段落。<p></p>
中的文字会自动换行,而且换行的效果优于<br/>
。
<p>段落内容</p>
<span>
标签
<span>
标签的语义为被用来组合文档中的行内元素
<b>
、<em>
、<strong>
<b>
标签语义为“加粗”
<em>
标签语义为“强调”
<strong>
标签语义为“更强烈的强调” 而且em 默认用斜体表示,strong 用粗体表示。
ajax
1)ajax请求的原理/ 手写一个ajax请求?
2)readyState?
3)ajax异步与同步的区别?
4)ajax传递中文用什么方法?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】