8种机械键盘轴体对比
本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?
https://mammon1113.github.io/
制作网页离不开html,html就像是页面的骨架,必不可少,十分重要。学习过后介绍一些必备的知识。
html(HyperText Markup Language)有很多版本,其中现在主流的就是html5版本。
1.HTML是超文本标记语言,语法较松散
2.为了解决该问题,衍生出xhtml
2.xhtml语法较为严谨,后来诞生了HTML5,过渡期用xml(可扩展标记语言),所有标签必须闭合
3.HTML5标签不用闭合
总结:XHTML是当前HTML版的继承者。HTML语法要求比较松散,这样对网页编写者来说,比较方便,但对于机器来说,语言的语法越松散,处理起来就越困难,对于传统的计算机来说,还有能力兼容松散语法,但对于许多其他设备,比如手机,难度就比较大。因此产生了语法要求更加严格的XHTML。
表现(内容)、样式、行为分离原则
1.HTML内容、样式(css)、行为(js),彼此要相互分离
2.html尽量不要出现行内样式
3.html的重点是语义化
文档声明
就是html5的文档声明,写html的时候必须加上,以便告诉浏览器要使用html5,注意大写。否则浏览器可能会出现乱码。
基础标签
1.根元素代表该页面默认是英文进行读取,如果浏览器判断是英文,如果用户有翻译插件就会提示翻译。关于mata
(1)代表编码格式用uft-8(主流),当然如果页面是用别的编码格式的也可修改。其实后端响应页面的时候会对用户的页面进行Content-type设置。详见HTTP
(2) 代表手机端自适配窗口大小
(3)代表浏览器加载内核方式,用IE内核渲染
(4)meta http-equiv='expires' content='时间':【expires期限】,告诉浏览器到了某个时间就重新传输一次页面。
(5)代表该网页的关键字,用于搜索引擎抓取排名优化
(6)代表该网页的文字描述,用于搜索引擎读取,用户也可在搜索引擎看到其针对于该页面的描述信息。
标题该标签中的内容将会显示在浏览器的标题栏
总结:html着重强调语义化,开发者应选用合适的元素, 使用合理的代码结构进行开发。这样不仅便于开发者阅读,也能使浏览器和搜索引擎更好地进行解析。
要注意的是,当无注释和内容为前提下,head标签、body标签、甚至html标签都可省略(omitted)
html基本元素我将制作页面所使用过的并且经常使用的标签进行下罗列,以便备查
1.常用元素标签用法代码h1~h6在需要写文章标题时使用仅次于大标题的标题
a多用于插入链接
div给页面划块
p段落内容1.a链接(anchor锚点),targer表示页面打开的方式,title写上后点击链接会看到展现文字。 如果href=#XXXX 代表锚点,XXXX就是别的元素的ID2.div(divde)多用来给页面分区块,使得结构严谨。一个页面基本分三部分进行划分,例如“页头(header)、内容区块(content)、页脚(footer)”,然后在针对每一块再次细分即可。标签用法代码strong强调特价只需500元
em一般强调今天写了5篇文章
span无语义打开一个地址
small语义为不重要的内容
kbd书写键盘按键ctrl+c1.strong语义化表示重要,表强调,会默认加粗(有的浏览器可能不会)2.span标签没有任何语义,只是用来圈起来,代表横向划分(divide span)3.em表示有点重要,次于strong4.small表示不重要的5.em表示语气重,strong表示地位重标签用法代码img插入图片特价只需500元
b加粗今天写了5篇文章
ul无序列表样式如下1
2
3
4
的alt属性代表可选文字的展示,同时也利于搜索引擎优化3.无序列表(unsort orderd list)用于展现有顺序的列表标签用法代码ol有序列表样式如下1
2
3
4
2
3
4
描述列表,多用于展现标题对应内容的形式标签用法代码iframe嵌入页面样式如下1
2
SSS该标签用于在当前页面嵌入一个页面,多与a标签合用。当我点击a链接,就会在iframe窗口中展示a链接标签用法代码table展现表格样式如下1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
姓名性别成绩
小明男80小花女90合计2人170标签,用于展现一个表格,可省略thead tbody tfoot 会自动补全.