欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

2020-07-11 html的rtl网站的适配 + css的pt单位应用 + JS的实现撤销和重做 + 位 字节 字符的区别

程序员文章站 2022-03-11 16:08:55
2020-07-11 题目来源:http://www.h-camel.com/index.html[html] 对于rtl网站的适配有哪些方案?表面来看它们的实际效果是相同的,但是对于搜索引擎来说还是有区别的。物理元素: 是一种物理行为,例如一段文字的加粗,没有任何其他的作用,b i逻辑元素: 是一种强调,向浏览器传达信息,例如em strong而H标签的用法,SEO搜索引擎优化:h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记,在一个页面中应该使用且只使用一次h1标记。...

2020-07-11 题目来源:http://www.h-camel.com/index.html

[html] 对于rtl网站的适配有哪些方案?

	RTL 阿拉伯语适配,布局特点是,文字右对齐,从右往左进行阅读,箭头的意义相反。
	1. direction 布局方案 借助rtlcss来完成。一套html 多套css 一套js文件 区分国家用户。
		.test: }
		  direction: ltr;
		  margin-left: 10px;
		  float: right;
		{
		
	2. transform镜像方案 好处是 一套html 一套css 一套js文件
		transform: scaleX(-1); 页面水平翻转,原LTR布局变为RTL布局,但是图片和文字也会被反转,需要单独设定transform: scaleX(1); 镜像翻转回来。

引自:https://www.jianshu.com/p/5cf21820565e 这里有实际应用的实现

[css] 你有用到以pt为单位过吗?pt单位有什么应用场景呢?

dpi -- 每英寸像素值,网页打印中 默认位96dpi, 每英寸像素值96px
1英寸 = 25.41mm 
  1. px 像素,相对长度单位,相对于屏幕的分辨率,推荐使用

  2. em 相对长度单位,相对于当前对象内文本的尺寸,国外使用较多;em的值不是固定的,会继承父级元素的字体大小

如果css中需要使用em,注意:::

body中声明 font-size= 62.5%;

原来的px单位数值,除以10 加上em

重新计算被放大的字体的em值,避免字体大小的差异

但是 12px的汉字例外,需要 body设置字体大小为 63%,原因可能是ie在处理浮点数精度有限。

我们在对全体html标签声明初始一次font-size=62.5% 如: *{font-size=62.5%} 即可此后面布局可依据以下技巧进行设置em单位 font-size:1.2em等于font-size:12px font-size:1.4em等于font-size:14px 以此类推相当于初始font-size=62.5%后,em与px单位就只有10倍差距,以便方便计算与设置em长度数值使用。

  1. pt 点,绝对长度单位, 老版本的table使用单位,现在基本没有使用

1em = 16px

摘自 http://www.divcss5.com/html/h89.shtml

[js] 如何使用js实现撤消和恢复并写出伪代码

思路: 可以利用多个数组,来存储不同操作的数据

https://blog.csdn.net/u011175079/article/details/72900153

[软技能] 位、字节、字符有什么区别?如何换算?

1. 位 bit 数据存储的最小单位,每个二进制的0或1就是一个位

2. 字节 byte 8位二进制数构成一个字节,1byte = 8 bit
    1 KB = 1024 B(字节);
    1 MB = 1024 KB;   (2^10 B)
    1 GB = 1024 MB;  (2^20 B)
    1 TB = 1024 GB;   (2^30 B)

3. 字符 
    a、A、中、+、*、の......均表示一个字符;

    一般 utf-8 编码下,一个汉字 字符 占用 3 个 字节;

    一般 gbk 编码下,一个汉字  字符  占用 2 个 字节;

4. 字符集  即各种各个字符的集合,也就是说哪些汉字,字母(A、b、c)和符号(空格、引号..)会被收入标准中;

5. 编码 就是按照规则对字符进行翻译成对应的二进制数,在计算器中运行存储,用户看的时候(比如浏览器),在用对应的编码解析出来用户能看懂的;

摘自 https://blog.csdn.net/prdslf001001/article/details/78615823

本文地址:https://blog.csdn.net/vampire10086/article/details/107319491