YY前端课程3
1. 常用的字符实体(html实体):空格= <=< >=> 版权符号=©
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的更多相关文章
- YY前端课程-自习
1. 默认的浏览器字体 100% = 1em =1rem =16px =12pt em继承父元素,rem只继承html根元素 2. text-align水平对齐影响一个元素中文本的水平对齐方式,控 ...
- YY前端课程5-6
第五次课内容: 1. 要注意标签的层次,运用缩进indent,使HTML结构清晰,增加可读性accessible 2. HTML布局网页,CSS显示样式(CSS是用来美化HTML标签的) 3. 开放标 ...
- YY前端课程4
1. CSS和HTML一样,也是标记语言 2. CSS有三种样式:嵌入样式.内部样式(行内样式)和外部样式(外部样式表) 3. CSS的语法:选择器+{一个或多个样式} 4. 选择器是为了找到html ...
- YY前端课程2
1. alt属性对SEO优化很重要 2. 最早的网页是靠table布局标签,后来用div+css进行网页重构(因此现在网页设计的名字由网页设计变成了网页重构) 3. 静态网页和后台没有交互 动态网页和 ...
- 亿能测试大讲堂 - YY在线课程[ 测试人员需要掌握的Shell脚本编程 ]
亿能测试大讲堂 - YY在线课程[ 测试人员需要掌握的Shell脚本编程 ]http://automationqa.com/forum.php?mod=viewthread&tid=2453& ...
- Web前端课程设计——个人主页
大三上学期期末总结,嗯,没错,是上学期,写在新学期开始hhh. 上学期学了一门HTML5+CSS3的课程,也叫Web前端技术,期末的课程设计是写一个个人主页,能够在浏览器中打开的静态网页.通过一学期的 ...
- 前端开发工程师:网易web前端课程,价值1499元【无水印版】
这套网上的朋友购买分享给我的,特此分享~ 让大家都受益 早日成为强大的web前端开发工程师!!赶紧回复下载吧 下载地址:http://fu83.cn/thread-172-1-1.html
- YY前端课1
1. HTML页面主要由声明.头部.主体三部分构成. 2. 头部及其meta标签,以及主体的title标签很重要,对SEO.搜索优化等很重要. 3. 常用的charset编码格式有2种,一种是utf- ...
- YY前端笔试总结
1.一个元素float以后.为什么要清除浮动?清除浮动的方法有哪些? 浮动确实是经经常使用,也知道清除浮动的必要性.但要我道个所以然,还是得绞尽脑汁.我个人的理解是,当一个元素float以后,就脱离正 ...
随机推荐
- System.Configuration引用后ConfigurationManager方法用不了
System.Configuration引用后ConfigurationManager方法却用不了,提示没有引用 需手动添加引用 项目-引用-右击-添加引用-找到System.Configuratio ...
- AOP和IOC的实现原理(用到的设计模式)
文章来源:http://blog.csdn.NET/longyulu/article/details/36174979 用过spring的朋友都知道spring的强大和高深,都觉得深不可测,其实当你真 ...
- Live2d-cocos2dx教程(一)例子搭建及运行
前言 这篇文章不讲代码,介绍live2d-cocos2dx-sdk 的下载.配置运行官网例子以及遇到的问题解决方案.第一次接触这个,有错的地方,希望大神指正.目前cocos2dx-live2d资料很少 ...
- ListView的基础入门
1.先在XML中定义一个ListView视图 2.获得ListView,在Mainactivity中声明 3.创建一个类继承适配器BaseAdapter,实现四个方法 public class MyL ...
- [Dynamic Language] 用Sphinx自动生成python代码注释文档
用Sphinx自动生成python代码注释文档 pip install -U sphinx 安装好了之后,对Python代码的文档,一般使用sphinx-apidoc来自动生成:查看帮助mac-abe ...
- android学习计划2
1.linux下Kconfig编写规范 2.linux下Makefile编写规范 3.android下Makefile编写规范 4.android.mk编写规范 5.android系统裁剪
- 用JavaScript实现的选项卡
Codes wins arguments! <!DOCTYPE html> <html> <head> <meta charset="utf-8&q ...
- mate 标签的 http-equiv
http-equiv 1. 页面的描述 <meta http-equiv="description" content="This is my page"& ...
- Netty : writeAndFlush的线程安全及并发问题
使用Netty编程时,我们经常会从用户线程,而不是Netty线程池发起write操作,因为我们不能在netty的事件回调中做大量耗时操作.那么问题来了 – 1, writeAndFlush是线程安全的 ...
- 【leetcode❤python】 125. Valid Palindrome
#-*- coding: UTF-8 -*- class Solution(object): def isPalindrome(self, s): ""&quo ...