一个后端开发者的前端学习笔记

关于 HTTP

2018-07-08  本文已影响2人  Ethan_zyc

html 骨架

<!DOCTYPE...>
<html>
    <head>
    </head>
    <body>
    </body>
</html>

其实想看的就是这些,当你知道他比较本质的东西,很多时候就好做决定了


关于字符集

不多 bb ,在哪都用 utf-8 就行了,数据库中用 utf8mb4


meta 标签

浏览器搜索页中的网页简介就是写在 meta 的 Description 属性中,关键字写在 Keywords 属性中

<meta name="Description" content="慕课网(IMOOC)是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课。并且富有交互性及趣味性,你还可以和朋友一起编程。" />
<meta name="Keywords" content="慕课,学习" />

英文全称也是我看视频觉得很有用的东西,因为知道了全称,不仅能记住标签,还能知道他到底是干嘛的。


相对路径/绝对路径

搞定 ./ 和 ../ 还有 ‘ ’ 就行了,实战中基本不用绝对路径


超链接

a -- anchor , 锚
href -- href-reference 超-引用
target: _self _blank 空白的(是否打开新标签)
title: 说明

<a href="#">回顶部</a>

还有页面内锚点,跨页面的锚点,自行百度


list
ul:unorder list
or:order list
dl:definition list(一般用在页面最下面)
dt:definition title
dd:definition description

<dl>
  <dt>标题</dt>
  <dd>列表</dd>
</dl>

div: division 分割
span: span 范围


input
<h5>type</h5>

还有radio id 配合 label for 的用法,自行百度

<h5>下拉框</h5>

<select>
  <option>something<option>
  <option>something<option>
  <option>something<option>
</select>

<h5>textarea</h5>

<textarea cols="10" row="10"/>

字符实体

&nbsp; 

空格 non-breaking-space

上一篇下一篇

猜你喜欢

热点阅读