[开发工具]阶段性前端知识总结(一)

1.HTML (超文本标记语言)

文档版本 docType HTML1.0 HTML4.0 XHTML1.0 HTML5

<!doctype?html>

<!--?<>?标签?!?强调声类明?doctype文档型??为?html?告诉浏览器?我是一个HTML5标准的文档?不是xhtml1.0??html4.0-->

2.单标签和双标签

通过判断标签内部是否有其他内容和标签来区分单标签和双标签！

3.基本标签

HTML标签

网页的大包围 整体网页内容的外衣 所有的网页文档内容都要写在 html标签内

HEAD标签

用来设置网页基本信息的标签 网页的大脑

放在head内的标签

(1)meta标签

设置网页信息 charset 设置网页编码集 UTF-8 国际编码 支持中文

keywords name='keywords' content="关键字内容" 让用户可以通过关键字在搜索引擎中找到我们的网页

description name='description ' content="用一句话描述本网页" 让用户可以直观了解网页内容 也是打广告的好地方

(2)title标签

设置网页标题

BODY标签

网页主题内容展示区域 所有的基本信息

4.网页三要素

让搜索引擎能够收录网页

<meta name="keywords" content="前端,海牙,新手">
? <meta name='description' content="">
? <title>我是标题前端</title>

<书写格式>

1. 编程当中所有符号都要使用英文半角符号 设置输入法 中文时使用英文标点

2. 单双引号 无所谓用哪个 但是要从一而终 不能左边用" 右边结束用'

3. 标签层级下级要针对上级 要进行缩进 1个TAB 缩进有4空格 2空格

4. 记不住拼写和属性名称 敲 敲 敲 敲 敲

5. 注释 HTML <!-- 内容 -->

设置vscode禁用代码补全和提示

1. 打开vscode

2. ctrl+shift+p

3. "editor.quickSuggestions": false,
     "editor.parameterHints": false,
     "editor.wordBasedSuggestions": false,
     "editor.snippetSuggestions": "none",
     // 控制键入时是否应自动显示建议
     // "editor.quickSuggestions": {
     //   "other": false,
     //   "comments": false,
     //   "strings": false
     // },
     // 控制键入触发器字符时是否应自动显示建议
     "editor.suggestOnTriggerCharacters": false,
     "files.autoSave": "off",
     // 控制是否根据文档中的文字计算自动完成列表。