文章目录
HTML口诀一:
1.概述
标记语言超文本,搭建基础结构准
- HTML(Hyper Text Markup Language): 超文本标记语言,主要用于搭建页面基础结构。
层叠样式装饰表,渲染结构更美好
- CSS(Cascading Style Sheet): 层叠样式表,主要用于修饰结构。
动态行为小脚本,浏览展示效果稳
- JS(JavaScript): 操作层叠样式或基础结构,使页面在浏览器上运行达到动态效果。
入门之时心如水,步步为营无相悔
2.主流浏览器
渲染内核浏览器,大多外壳在炫技
I E 内核三叉戟,壁虎早于火狐许
- IE浏览器: trident(三叉戟)
- 火狐浏览器: gecko(壁虎)
苹果谷歌曾相同,后者开发闪光红
- Safari浏览器: webkit
- Chrome浏览器: webkit 、 blink(闪光)
红光照耀引欧朋,抛弃欢快节奏虫
- Opera浏览器: presto、 blink(闪光)
3.元素和属性
起始结束双标记,斜杠有无空元细
-
元素是构成html文档的基本单位。
-
元素 = 起始标记 + 结束标记。
-
一些元素是空元素。
属性个别和全局,标题语言引水渠
4.标准文档结构
文档声明 H5 ,如若消失怪异舞
- 表示文档格式声明 如果不写会导致浏览器进入怪异渲染模式。
祖先标记不必须,语言属性翻译需
- html 标签在最新的语法中可以不用写 lang 表示网站使用语言 浏览网页的时候触发翻译就是这个属性导致的。
头中包含元数据,字符编码汝莫惧
适配移动视口宽,把守 IE 内核关
字符编码:
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
适配移动设备视口
<meta http-equiv="X-UA-Compatible" content="ie=edge">
兼容ie 浏览器 如果使用ie 浏览器打开该页面 建议ie 使用 edge 内核渲染
<title>Document</title>
名称内容关键字,搜索爬虫看多次
- 表示关键字 展示给搜索引擎优化。
导航标题操作栏,引入图标捷径还
- 表示展示在浏览器小叶脚的内容 在使用浏览器的时候你会发现有个小图标 这个小图标的引入方法。
业务显示体态中,互相嵌套切勿用
<body>
之中展示业务逻辑
</body>
内容 在使用浏览器的时候你会发现有个小图标 这个小图标的引入方法。
---
### 业务显示体态中,互相嵌套切勿用
```html
<body>
之中展示业务逻辑
</body>