HTML口诀一

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>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值