1. 常用的字符实体（html实体）：空格=&nbsp;     <=&lt;       >=&gt;       版权符号=&copy;

2. ID就像身份证号一样，是唯一的，html页面的ID不能重复；class是一个集合/数组，可出现多次

3. 网页一般分为头部、主体、尾部三大块，每一大块一般用ID标识，大块里面的内容就随意了

4. div和span的共同点：

a. 都没有实际的语义

b. 都是容器

div和span的不同点：

a. div是块状元素；span是行内元素

b. div是大容器；span是小容器，活动区域是行内

5. 写html尽量用小写，比如起id、class名，写标签等，大小写在显示效果上并无区别，但不利于维护，容易出乱子

6. lang=语言,语言文字,言辞,术语,行话=language

lang是一个属性，用来规定元素内容的语言

例：<html lang="en">……</html> 意思是向搜索引擎说明该页面以英语为主

若看到lang="zh"，说明该元素语言为中文

（PS:hz是汉字的首字母，个人认为zh是根据英语的习惯给倒了一下。另gb=guo biao国标，例charset="gb2312"）

注意：

单一的 zh 和 zh-CN 均属于废弃用法

最新的写法是：

a. 中文页面：<html lang="zh-cmn">……</html>                   (中国的)官话(普通话的旧称)=Mandarin   cmn=Mandarin Chinese

b. 简体中文页面：<html lang="zh-cmn-Hans">……</html>     简体中文=Simplified Chinese

c. 繁体中文页面：<html lang="zh-cmn-Hant">……</html>      繁体中文=Chinese Traditional

d. 英语页面：<html lang="en">……</html>

zh-cmn-Hans和zh-cmn-hant也可以简写成zh-hans和zh-hant

7. <hr>水平分隔线标签  hr=horizontal rule

可以用size属性设置高度，用width属性设置宽度，用color属性设置颜色（obsolete过时了，均不赞成使用，建议用CSS设置）

8. <font> 标签规定文本的字体（face属性）、字体尺寸（size属性）、字体颜色（color属性），不赞成使用这些属性，已过时

9. <hx>标题标签，x=1-6，h4为普通字体大小，出于SEO网页优化考虑，最常用的是h1和h2

10. <s>标签和<del>标签都是删除线标签，但<del>标签更语义化  del=delete  s=strike打/罢工/敲 (删除算是引申义，strike out=删去/划掉)

11. <u>下划线标签，u=underline，但是尽量不要给文本加下划线，容易与超文本链接混淆

12. 在<a>标签的href属性里用#id号给网页定位

定位到当前网页  <a href="#id号">……</a>

定位到其他网页  <a href="相对或绝对链接#id号">……</a>

YY前端课程3的更多相关文章

  1. YY前端课程-自习

    1. 默认的浏览器字体 100% = 1em  =1rem =16px  =12pt em继承父元素,rem只继承html根元素 2. text-align水平对齐影响一个元素中文本的水平对齐方式,控 ...

  2. YY前端课程5-6

    第五次课内容: 1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible 2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的) 3. 开放标 ...

  3. YY前端课程4

    1. CSS和HTML一样,也是标记语言 2. CSS有三种样式:嵌入样式.内部样式(行内样式)和外部样式(外部样式表) 3. CSS的语法:选择器+{一个或多个样式} 4. 选择器是为了找到html ...

  4. YY前端课程2

    1. alt属性对SEO优化很重要 2. 最早的网页是靠table布局标签,后来用div+css进行网页重构(因此现在网页设计的名字由网页设计变成了网页重构) 3. 静态网页和后台没有交互 动态网页和 ...

  5. 亿能测试大讲堂 - YY在线课程[ 测试人员需要掌握的Shell脚本编程 ]

    亿能测试大讲堂 - YY在线课程[ 测试人员需要掌握的Shell脚本编程 ]http://automationqa.com/forum.php?mod=viewthread&tid=2453& ...

  6. Web前端课程设计——个人主页

    大三上学期期末总结,嗯,没错,是上学期,写在新学期开始hhh. 上学期学了一门HTML5+CSS3的课程,也叫Web前端技术,期末的课程设计是写一个个人主页,能够在浏览器中打开的静态网页.通过一学期的 ...

  7. 前端开发工程师：网易web前端课程，价值1499元【无水印版】

    这套网上的朋友购买分享给我的,特此分享~ 让大家都受益 早日成为强大的web前端开发工程师!!赶紧回复下载吧 下载地址:http://fu83.cn/thread-172-1-1.html

  8. YY前端课1

    1. HTML页面主要由声明.头部.主体三部分构成. 2. 头部及其meta标签,以及主体的title标签很重要,对SEO.搜索优化等很重要. 3. 常用的charset编码格式有2种,一种是utf- ...

  9. YY前端笔试总结

    1.一个元素float以后.为什么要清除浮动?清除浮动的方法有哪些? 浮动确实是经经常使用,也知道清除浮动的必要性.但要我道个所以然,还是得绞尽脑汁.我个人的理解是,当一个元素float以后,就脱离正 ...

随机推荐

  1. STM32下FatFs的移植，实现了坏块管理，硬件ECC，ECC纠错，并进行擦写均衡分析

    最近因项目需要,做一个数据采集的单片机平台.需要移植 FatFs .现在把最后成果贴上来. 1.摘要 在 STM32 单片机上,成功移植 FatFs 0.12b,使用的 Nand Flash 芯片为 ...

  2. JavaScript高级程序设计 读书笔记 第二章

    <script>元素 直接在页面中嵌入JavaSript代码或包含外部JavaSript文件. 在代码中任何地方不能出现</script>,可通过转义字符'\'解决. 在XHT ...

  3. filter(滤镜) 属性 内部资料 请勿转载 谢谢合作

    Filter 描述 none 默认值,没有效果. blur(px) 给图像设置高斯模糊."radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊 ...

  4. scoi2010&&bzoj1858序列操作

    [题目描述] lxhgww最近收到了一个01序列,序列里面包含了n个数,这些数要么是0,要么是1,现在对于这个序列有五种变换操作和询问操作: 0 a b 把[a, b]区间内的所有数全变成0 1 a ...

  5. Java发送socket请求的工具

    package com.tech.jin.util; import java.io.ByteArrayOutputStream; import java.io.IOException; import ...

  6. R语言读写中文编码方式

    最近遇到一个很头疼的事,就是 R语言读写中文编码方式.在网上找到了一篇博文,谢谢博主的精彩分享,让我很快解决了问题,在此也分享一下 R语言读写数据的方法很多,这里主要是我在使用read.csv/rea ...

  7. linux 脚本小试系列

    实现100以内的奇数和和偶数和的脚本 1 #!/bin/bash 2 # #声明一个偶数变量和一个奇数变量 3 declare -i evensum=0 4 declare -i oddsum=0 # ...

  8. SQL的多表连接查询

    SQL的多表连接查询 多表连接查询具有两种规范,SQL92和SQL99规范. SQL92规范支持下列多表连接查询: (1)等值连接: (2)非等值连接: (3)外连接: (4)广义笛卡尔积: SQL9 ...

  9. 简单利用Scanner对文件进行解析

    public class AvPrice{    static int count = 0;    static int sum = 0;    public static void main(Str ...

  10. kali4.0 安装32位库

    一.前情提要: OS:Kali4.0 64bit 二.安装32位库: 错误方法:sudo apt-get install lib6-i386 正确方法如下: 1.先以root用户身份登陆: su ro ...