HTML整理

HTML

1、如果想要表现自己的专业性，就得把一些看似不是问题的问题，用专业性术语说出来

比如什么是html？

 

2、<html lang="en, zh">

lang="en" 是干嘛的？SEO很重要的一个知识点

告诉搜索引擎爬虫，我们的网站是关于什么内容的

 

3、HTML 最重要的是各种各样的标签，其中最重要的两个标签是

  • div
  • span

重要在它们没有任何装饰效果，没有装饰效果就是它的特点，也是它的重要体现

理解众多的标签，核心概念就是容器，所以，各种各样的容器，就是经过封装后变成一个独立的标签的比如

  • <h>标签自带加粗效果
  • <del>标签自带删除线效果
  • <a>标签自带下划线效果

 

4、空格回车 是英文分隔符，计算机里真正代表空格的是 &nbsp;

5、有序列标签

  • 有序标签 <ol type="1" start="2" reversed>排序方式5种：1/a/A/i/I 不重要，不常用
  • 无序标签 <ul type=""> 重要-常用

一个大的功能，有很多功能子项组成，它们的样式和功能都差不多相同，只不过内容有点差别，我们最好用ul li展示，因为它们天生的父子结构就是解决这类问题。

6、alt 在属性中叫做占位符（简单的容错功能） title 在属性中叫做提示符

7、A标签

  • 超链接 href = "http://www.baidu.com"
  • 锚点 href = "#id"
  • 打电话 href = "tel:13799998888"
  • 协议限定符 href = "javascript;"

8、form表单标签-html最重要的一个标签

  • 发送方式 method
  • 发送地址 action
  • 配合input type="submit"使用
  • radio单选要设置同一个name属性
  • CheckBox是多选

 

9、其实，一个span标签，可以写成任何一种语义标签，那为什么不只学一个标签呢？

  • 原因就一个，为了语义化，更好维护
  • 规范的标签使用规则更有利于SEO

什么叫做标签的语义化？比如

  • p标签就是为了分段展示而生
  • ul li 就是为了父子结构的内容和样式而生
  • 一个页面使用一个h1标签，让爬虫准确获得页面信息的title

得到

10、主流浏览器——专业素养必背知识点

  • IE trident
  • Firefox gecko
  • chrome webkit/blink
  • safari webkit
  • opera presto

 

工程师最重要的是嘴，不是手，需要跟产品经理、后端、运营、测试各部门沟通，整个沟通的核心就是你，一天时间50%时间在沟通，40%时间写代码，10%时间写报告，如果一个项目，时间周期是1个月，编程时间是一周，调试时间是3周，7分调试3分开发说的就是这个

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/413229.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Android Studio Intent使用(显式、隐式)

Android Studio Intent使用(显式、隐式)

https://blog.csdn.net/u012005313/article/details/47006689 使用Intent能够使程序在不同活动中跳转&#xff0c;意及能够使用不同界面。Intent用法分为显示和隐式 Intent概念&#xff1a;Intent是Android程序中各组件之间进行交互的一种重要方式&#xff0c;不仅可以指明当前…
阅读更多...
[css] 你有用过sass中的Mixin功能吗？它有哪些作用？

[css] 你有用过sass中的Mixin功能吗？它有哪些作用？

[css] 你有用过sass中的Mixin功能吗&#xff1f;它有哪些作用&#xff1f; 1.混合用法 2.函数用法1. mixin ellipsis-one {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }.test {inculde ellipsis-one;}2. mixin hoverColor ($color, $deepColor) {color: …
阅读更多...
[css] 检测sass中错误的指令是哪个？

[css] 检测sass中错误的指令是哪个？

[css] 检测sass中错误的指令是哪个&#xff1f; debug伪指令检测错误&#xff0c;并将SassScript表达式值显示到标准错误输出流。个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起…
阅读更多...
淘宝首页的HTML以及CSS技术点

淘宝首页的HTML以及CSS技术点

1、 一个网页的开发流程 内容结构&#xff0c;比如js、css页面结构。自上而下&#xff0c;从左往右。&#xff08;内容、颜色块、间距、边框&#xff09; 2、 line-height的5种设置方式及区别 normal || 1.5 || 150% || 50px || 5em 初始化元素的时候&#xff0c;一般使用 l…
阅读更多...
Windows+Python 3.6环境下安装PyQt4

Windows+Python 3.6环境下安装PyQt4

第一步&#xff1a;下载.whl&#xff0c;地址&#xff1a;https://www.lfd.uci.edu/~gohlke/pythonlibs/#pyqt4&#xff0c;这里可以下载不同的python版本对应的包。 第二步&#xff1a;选择一个目录&#xff0c;将下载好的文件放到该目录下&#xff0c;然后cmd下&#xff0c;c…
阅读更多...
[css] sass是怎么定义变量的？

[css] sass是怎么定义变量的？

[css] sass是怎么定义变量的&#xff1f; sass变量可以理解为以$变量名为键的键值对&#xff0c;例如$color-black:#000个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面…
阅读更多...
Mac book pro M1 安装 Homebrew

Mac book pro M1 安装 Homebrew

前话 各路神仙如果在看到这个文章的时候&#xff0c;已经折腾好久homebrew的安装了&#xff0c;那么&#xff0c;根据我这篇经验分享&#xff0c;如果能顺利安装成功的话&#xff0c;可能会出现一个error&#xff1a; Not a valid ref: refs/remotes/origin/master &#xff0…
阅读更多...
洛谷 P4026 [SHOI2008]循环的债务

洛谷 P4026 [SHOI2008]循环的债务

水水的dp 设f[i][a][b]表示交换完前i种面值的钞票&#xff0c;第一个人有a元&#xff0c;第二个人有b元的最小代价 直接转移就行了 需要注意的是算的式子 第1个人\(\Delta A\)&#xff0c;第二个人\(\Delta B\)&#xff0c;最小交换代价是\((|\Delta A||\Delta B||\Delta A\Del…
阅读更多...
[css] 为什么要使用sass/less？

[css] 为什么要使用sass/less？

[css] 为什么要使用sass/less&#xff1f; 为了提示开发效率&#xff0c;使得css编写更加灵活个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
阅读更多...
Linux命令之sftp - 安全文件传输命令行工具

Linux命令之sftp - 安全文件传输命令行工具

用途说明 sftp命令可以通过ssh来上传和下载文件&#xff0c;是常用的文件传输工具&#xff0c;它的使用方式与ftp类似&#xff0c;但它使用ssh作为底层传输协议&#xff0c;所以安全性比ftp要好得多。 常用方式 格式&#xff1a;sftp <host> 通过sftp连接<host>&am…
阅读更多...
sockjs.js:1609 GET http://192.168.1.119:8080/sockjs-node/info?t=1617976777339 net::ERR_CONNECTION_TI

sockjs.js:1609 GET http://192.168.1.119:8080/sockjs-node/info?t=1617976777339 net::ERR_CONNECTION_TI

今天拿到Macbook pro M1芯片 的新机器&#xff0c;迫不及待入坑&#xff0c;配置homebrew的时候&#xff0c;就够我喝好几壶了。 配置完以后赶紧安装好不常用的svn&#xff08;公司使用这个版本管理工具&#xff09;&#xff0c;又赶紧配置好前后端分离的开发的环境&#xff0…
阅读更多...
fatal: unable to access ‘https://github.comxxxxxxxxxxx‘: Failed to connect to xxxxxxxxxxxxx

fatal: unable to access ‘https://github.comxxxxxxxxxxx‘: Failed to connect to xxxxxxxxxxxxx

git clone 遇到问题&#xff1a;fatal: unable to access https://github.comxxxxxxxxxxx: Failed to connect to xxxxxxxxxxxxx 将命令行里的http改为git重新执行。
阅读更多...
[css] 使用sass的方式有哪些？

[css] 使用sass的方式有哪些？

[css] 使用sass的方式有哪些&#xff1f; 得编译&#xff0c;有的项目中可以用<style type"sass"> 来使用&#xff08;也得编译&#xff09; 记不清楚是不是了个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定…
阅读更多...
oracle修改表字段

oracle修改表字段

create table test1(id number,name varchar2(20) )--修改表字段类型 alter table test1 modify(id varchar2(30),name char(10) default 111 )--追加字段 alter table test1 add(id number primary key )--修改列名 alter table test1 rename column id to id1--删除字段 alte…
阅读更多...
[css] 你对伪类了解多少？分为几大类？

[css] 你对伪类了解多少？分为几大类？

[css] 你对伪类了解多少&#xff1f;分为几大类&#xff1f; :hover ::after ::before :nth-child :nth-of-child :first-child :last-child 总结分为两类&#xff1a;页面节点效果操作和获取指定元素选择器 小渣渣一枚&#xff0c;只能写几个出来。个人简介 我是歌谣&#x…
阅读更多...
解决 git pull 报错 fatal: refusing to merge unrelated histories

解决 git pull 报错 fatal: refusing to merge unrelated histories

我在Github新建一个仓库&#xff0c;写了License&#xff0c;然后把本地一个写了很久仓库上传。 先pull&#xff0c;因为两个仓库不同&#xff0c;发现refusing to merge unrelated histories&#xff0c;无法pull 因为他们是两个不同的项目&#xff0c;要把两个不同的项目合并…
阅读更多...
[css] 分析比较opacity: 0、visibility: hidden、display: none三者的优劣和适用场景

[css] 分析比较opacity: 0、visibility: hidden、display: none三者的优劣和适用场景

[css] 分析比较opacity: 0、visibility: hidden、display: none三者的优劣和适用场景 opacity 0: 单纯视觉效果&#xff0c;除了看不见&#xff0c;其他都正常。 visibility: hidden: 可继承也可覆盖。 display: none: 元素不会渲染&#xff0c;不影响布局&#xff0c;不会被c…
阅读更多...
[css] 你知道什么是CSS-in-JS吗？说说你对它的了解

[css] 你知道什么是CSS-in-JS吗？说说你对它的了解

[css] 你知道什么是CSS-in-JS吗&#xff1f;说说你对它的了解 有好多种呀&#xff0c;只能列几个我知道的了const styles {color: red, };return <div style{styles} /> // index.module.css .x { color: red }// index.js import styles from ./index.module.css; ret…
阅读更多...
[css] 如何让一个块元素绝对居中？

[css] 如何让一个块元素绝对居中？

[css] 如何让一个块元素绝对居中&#xff1f; div{ position:fixed; right:0; left:0; bottom:0; top:0; margin: auto auto }个人简介 我是歌谣&#xff0c;欢迎和大家一起交流前后端知识。放弃很容易&#xff0c; 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关…
阅读更多...
0065-数方块

0065-数方块

题目 数方块难度级别&#xff1a;A&#xff1b; 运行时间限制&#xff1a;1000ms&#xff1b; 运行空间限制&#xff1a;51200KB&#xff1b; 代码长度限制&#xff1a;2000000B 试题描述在墙角堆放着一堆完全相同的正方体小木块&#xff0c;如下图所示&#xff1a; 因为木块堆…
阅读更多...
最新文章

Copyright @ 2022~2023