20181218小记

Sublime编辑器问题

遇见了一个sublime的弹窗,大概意思就是某个插件怎么怎么样。
sublime Error
我猜想应该是那个sublime中文输入法的插件有问题,弹窗收拾只要把某个属性值设置为true就可以了,不过也不知道在哪里设置,所以也就直接在user setting里面设置了ingnore_vcs_packages: true然后保存重启,以外的居然就那样好了,其实我也就是瞎蒙一下。

HTML标签

html标签的话,也就只有那么几个值得注意的。

a标签

不过,现在才知道<a></a>标签也是蛮有趣的。a指的是anchor这个单词,其实他一开始是没有指向链接这个作用的,他一开始的作用是在文档里面定位。

    <h2 id="one">我是h2</h2>
    <p>假装我是很多个p标签</p>
    <h2 id="two">我也h2</h2>
    <p>假装我是很多个p标签</p>
    <a href="#one">one</a>
    <a href="#one">two</a>

就假设有这样的一段代码的,那么我们click第一个a标签的话,就会回到标题一,同样的如果我们click第二个a标签的话,那么view就会回到标题二,就是那个样子。至于link的作用,那是后来才开发出来的。
a还有一个叫做什么协议限定符的东西,比如下面这句代码。

    <a href="javascript:alert('hellp')"></a>

你只要点击这个链接,浏览器就会弹出一个对话框,实际上是运行了JavaScript代码对吧(也就是说,可以在html中运行其他的代码)。
还有不少有趣的,比如使用a标签来调用接口。在手机上经常点击了一个按钮,然后就给某个人打电话,发短信啥的吧,其实这个也是使用a标签来实现的。

    <a href="tel: 1347465****">打电话</a> 
    <a href="mailto: qin***@qq.com">发邮件</a> 

有序列表和无序列表

有序列表是ol(order list),无序列表是ul(unorder list),列表项么,都是li
一般有序列表用的很少,经常使用的是无序列表,同级的元素都可以使用无序列表来实现。

表单

表单是和后台进行交互的一个标签(发送数据),这个标签是form.然后呢,这个标签主要有这样子的几个属性。

  • action:一个URL指定了将这个form数据发送给谁
  • method:这个属性值指定了发送表单数据的方式。可能的值主要有两种:
    • get:这种发送数据的方法最简单,但是安全性不高(直接都可以看见)
    • post:安全性高
  • target:说明在哪里显示收到的回复,默认值为_self,即在当前页面加载。属性值有如下几种:
    • _self:在当前页面加载,如果是在一个frame中的话,就重新加载frame,而不是整个window
    • _blank:在新的标签页中加载
    • iframename:在指定的frame中加载

表单数据

表单中数据必须要有两个要素:一是数据名(name属性),二是数据值(value属性),数据才能发送成功。

下拉列表

form表单中的下拉列表使用select标签,下拉列表项使用option标签,其中属性名在select标签中声明,属性值为option标签中的内容。当然如果option标签有value属性的话,以value属性值为准。

WEB语义化

其实要是要实现一个页面效果的话,只需要一个div标签然后加上CSS就可以实现任何的页面效果,但是其他的HTML标签存在的意思就是要让每个部分具有他固定的意义。要有我看见了这个标签,就要能够知道这个这一部分到底在这个页面中是怎么样的一个组成部分。

原文地址:https://www.cnblogs.com/freesfu/p/10137455.html