前端知识

Posted akmendo

tags:

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

@第一部分 html

@声明编码,放在<head>

对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

@HTML中不支持 空格、回车、制表符,它们都会被解析成一个空白字符。

@

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

<a href="http://www.runoob.com">这是一个链接</a>
<img src="/images/logo.png" width="258" height="39" />
<hr> 标签在 HTML 页面中创建水平线。
<!这是一个注释 >
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
 

@href和src

href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示来源地址,在 img、script、iframe 等元素上。

src 的内容,是页面必不可少的一部分,是引入。href 的内容,是与该页面有关联,是引用。区别就是,引入和引用。

@属性

属性总是以名称/值对的形式出现,比如:name="value"

技术分享图片

 

@标题

浏览器会自动地在标题的前后添加空行。

@当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

@格式

技术分享图片

@链接

<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>  会在新窗口打开文档

 

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

前端知识图谱

前端技能模型

前端面试知识点集锦

前端个人知识总结

前端小知识点(从一名小白到前端大神需要掌握哪些知识点)

前端劝退之前端知识体系(前端面试体系)