随笔分类 - 前端 / HTML
摘要：### **新增布局标签** | **标签名** | **语义** | 单/双标签 | | | | | | `header` | 整个页面，或部分区域的头部 | 双 | | `footer` | 整个页面，或部分区域的底部 | 双 | | `nav` | 导航 | 双 | | `article` |
阅读全文
摘要：### 什么是HTML5 `HTML5` 是新一代的 `HTML` 标准，2014年10月由万维网联盟（ `W3C` ）完成标准制定。 官网地址： + `W3C` 提供： **https://www.w3.org/TR/html/index.html** + `WHATWG` 提供：**https:
阅读全文
摘要：## HTML注释 `` ## HTML标签 #### 主体结构标签 ```html head ``` ```html body ``` ```html html ``` #### HEAD 内标签 ```html title 页面标题 ``` ```html meta 指定页面元信息 单标签 属性
阅读全文
摘要：概念：用特定的标签，去表达特定的含义。 原则：标签的默认效果不重要（后期可以通过 `CSS` 随便控制效果），语义最重要！ 举例：对于 `h1` 标签，效果是文字很大（不重要），语义是网页主要内容（很重要）。 优势： + 代码结构清晰可读性强。 + 有利于 **SEO**（搜索引擎优化）。 + 方便
阅读全文
摘要：| **标签名** | **标签含义** | **单** **/** **双 标签** | | : : | | : : | | `h1 ~ h6` | 标题 | 双 | | `p` | 段落 | 双 | | `div` | 没有任何含义，用于整体布局（生活中的包装袋）。 | 双 | 1. `h1`
阅读全文
摘要：1. 作用：告诉浏览器当前网页的版本。 2. 写法： + **旧写法**：要依网页所用的HTML版本而定，写法有很多。 > 具体有哪些写法请参考 ：https://www.w3.org/QA/2002/04/valid-dtd-list.html（了解即可，千万别背！） + **新写法：**一切都变
阅读全文
摘要：1. 主要作用： + 让浏览器显示对应的翻译提示。 + 有利于搜索引擎优化。 2. 具体写法： ```html ``` 3. 扩展知识： `lang` 属性的编写规则（作为一个课外扩展知识，了解即可）。 > 1. 第一种写法（ 语言-国家/地区 ），例如： > + `zh-CN` ：中文-中国大陆（
阅读全文
摘要：1. 计算机对数据的操作： + 存储时，对数据进行：**编码**。 + 读取时，对数据进行：**解码**。 2. 编码、解码，会遵循一定的规范 —— **字符集**。 3. 字符集有很多中，常见的有（了解）： > 1. `ASCII` ：大写字母、小写字母、数字、一些符号，共计128个。 > > 2
阅读全文
摘要：**全局属性**是所有 HTML 元素共有的属性；它们可以用于所有元素，即使属性可能对某些元素不起作用。 我们可以在所有的 HTML 元素，*甚至是在标准里没有指定的元素*上指定全局属性。这意味着任何非标准元素仍必须能够允许应用这些属性，即使使用这些元素意味着文档不再是 HTML5 兼容的。例如，虽
阅读全文
摘要：HTML **``** 元素表示那些不能由其他 HTML 元相关（meta-related）元素表示的元数据信息。如：``、``、``、``或``。 1. 配置字符编码 ```html ``` 2. 针对 IE 浏览器的兼容性配置。 ```html ``` 3. 针对移动端的配置（移动端课程中会详细
阅读全文
摘要：| **标签名** | **功能和语义** | **属性** | **单** **/** 双标签 | | : : | | | : : | | `iframe` | 框架（在网页中嵌入其他文件） | `name` ：框架名字，可以与 `target` 属性配合。`width` ： 框架的宽。`heig
阅读全文
摘要：概念：一个包含交互的区域，用于收集用户提供的数据。 **1.** **基本结构** 简单梳理： | **标签名** | **标签语义** | **常用属性** | **单** **/** 双标签 | | | | | | | `form` | 表单 | `action` ：用于指定表单的提交地址（需要
阅读全文
摘要：### **1.** **有序列表** 概念：有顺序或侧重顺序的列表。 ```html 要把大象放冰箱总共分几步 把冰箱门打开 把大象放进去 把冰箱门关上 ``` ### **2.** **无序列表** 概念：无顺序或不侧重顺序的列表。 ```html 我想去的几个城市 成都 上海 西安 武汉 ``
阅读全文
摘要：主要作用：从当前页面进行跳转。 可以实现：①跳转到指定页面、②跳转到指定文件（也可触发下载）、③跳转到锚点位置、④唤起指定应用。 | **标签名** | 标签语义 | **常用属性** | **单** **/** **双 标签** | | : : | : : | | : : | | `a` | 超链
阅读全文
摘要：在 `HTML` 中我们可以用一种**特殊的形式**的内容，来表示某个**符号**，这种特殊形式的内容，就是 `HTML` 实体。比如小于号 ` **字符实体**由三部分组成：一个 `&` 和 一个实体名称（或者一个 `#` 和 一个实体编号），最后加上一个分号` ;` 。 常见字符实体总结：  2. 表格
阅读全文
摘要：### 基本使用 | 标签名 | 标签语义 | 常用属性 | 单 / 双 标签 | | : : | : : | | : : | | `img` | 图片 | `src` ：图片路径（又称：图片地址）—— 图片的具体位置`alt` ：图片描述`width` ：图片宽度，单位是像素，例如：`200px`
阅读全文
摘要：### 常用文本标签 1. 用于包裹：词汇、短语等。 2. 通常写在排版标签里面。 3. 排版标签更宏观（大段的文字），文本标签更微观（词汇、短语）。 4. 文本标签通常都是行内元素。 | 标签名 | 标签语义 | 单 / 双 标签 | | : : | : : | : : | | em | 要着重阅
阅读全文
摘要：### 什么是 HTML **全称：**HyperText Markup Language（超文本标记语言），专门用来设计和编辑网页。HTML 不是编程语言，没有逻辑处理能力，没有计算能力，不能动态地生成内容，而只能静态地展示网页信息。 **超文本：**暂且简单理解为 “超级的文本”，和普通文本比，
阅读全文
