前端浅了解

Posted 1624413646hxy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端浅了解相关的知识,希望对你有一定的参考价值。

html5

HTML5就是html语言,5表示该语言的版本号,html语言开发的文件是以.html为后缀,展示在浏览器页面上最终实现与用户之间的前端界面。是一门超文本标记语言。

html5 分为转义字符,标签和指令三大部分。

在html5中有许多特殊字符组合会被解析为特殊的含义。

如:

1. 空格: 
2. 字符":"
3. 字符&:&
4. 字符<:&lt;
5. 字符>:&gt;

标签:

标签有单双标签之分:单标签无需内容,重要的是功能,如img标签,可以省略结束符。

双标签主内容,需要作用域,必须在要有结束符。

常用标签:

页面结构相关的系统标签
1. 页面根标签:<html></html>
2. 页面头标签:<head></head>
3. 页面体标签:<body></body>
4. 页面标题标签:<title></tile>
5. 元标签:<meta />
6. 链接标签:<link />
7. 样式标签:<style></style>
8. 脚本标签:<script></script>

简单的系统标签
1. 标题标签:<h1></h1> ... <h6></h6>
2. 段落标签:<p></p>
3. 换行标签:<br />
4. 分割线标签:<hr />
5. 行文本标签:<span></span>
6. 斜体标签:<i></i>
7. 加粗标签:<b></b>
8. 图片标签:<img />
9. 超链接标签:<a></a>
7. "架构"标签:<div></div>

复杂的系统标签
1. 无需列表标签:<ul><li></li></ul>
2. 表格标签:<table><!-- 包含大量的表格子标签 --></table>
3. 表单标签:<form><!-- 包含大量的表单子标签 --></form>

标签的嵌套关系

在html中,在body中写标签,使用<div>形成的大的框架,再大框架形成以后在开始着手写入标签来实现功能。

定义标签属性可以使用行间式,内联式外联式,三种方式,行间式当多个标签的属性相同时,就不好用了,

如果不是团队开发的话使用内联式是再好不过得了

css的基础选择器

基础选择器有统配选择器,标签选择器,类选择器,id选择器  组合选择器
选择器查找时的优先级关系:组合>id>类名(class>标签名>统配选择器

优先级是根据作用域来定的,作用越小优先级越高。

 

以上是关于前端浅了解的主要内容,如果未能解决你的问题,请参考以下文章

前端架构浅谈

前端浅谈--同步与异步

前端开发:JS中深拷贝和浅拷贝的区别

前端面试:浅拷贝和深拷贝的区别?

前端随心记---------深拷贝与浅拷贝

1+X Web前端等级考证浅谈前端AJAX基础知识 (中级必考)