HTML基础的捡漏

oujie 发布于2019-08-02 13:59 / 3495人阅读

摘要：如小于号既可以用实体名称表示，也可以用实体编号表示。显示结果描述实体名称实体编号空格小于号大于号和号版权乘号双引号更多可参看本地路径方面，如在磁盘里面访问，约定使用反斜线作为路径中的分隔符，如娱乐音乐蓝莲花而系统使用正斜线，如蓝莲花。

原文链接： http://www.cun-xu.cn/index.ph...

今天这篇是给初学者看的，老手也可以看看查缺补漏，尤其是与SEO有关的内容。

1、声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中，声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

2、head元素中存放元数据，用来描述HTML文档本身的信息

head作用：

1）描述网页基本信息

2）指向渲染网页需要其他文件链接

3）各大厂商根据自己需要定制

3、常用字符实体

字符实体可以有两种方法表示：一种为实体名称、一种为实体编号。如小于号(<)既可以用实体名称lt;表示，也可以用实体编号<表示。

显示结果	描述	实体名称	实体编号
	空格
<	小于号	<	<
>	大于号	>	>
&	和号	&	&
©	版权（copyright）	©	©
×	乘号	×	×
"	双引号	"	"

更多可参看：HTML Symbol Entities Codes

4、本地路径方面，如在磁盘里面访问，Windows约定使用反斜线（）作为路径中的分隔符，如"E:娱乐音乐蓝莲花.mp3"；而UNIX 系统使用正斜线 (/)，如“/users/marvin/music/蓝莲花.mp3”。

5、链接

页面跳转：target，定义窗口打开方式，默认是当前窗口打开，有四种取值，分别为：

_self：当前窗口打开，此值为默认值

_blank：新窗口打开（该值是使用最多的）

_parent：表示在当前框架的父框架打开（一般用于iframe中）

_top：表示顶层框架打开（一般用于iframe）

framename：在指定的框架中打开被链接文档。

页面内跳转：当元素用于页面内的锚点跳转时，应该先为该页面设置一些锚点，而定义锚点有两种办法：

通过元素的name属性来定义，如：name属性的值就是锚点的名称

通过其他元素的id属性来定义，如：

id属性值可以作为锚点的名称

3、当其用于邮件链接时，href属性的值为“mailto: + 邮件地址”，示例如下：

发送邮件给我

4、客户器端图像映射http://www.w3school.com.cn/tags/att_img_usemap.asp



  Sun
  Mercury
  Venus

上面这段源代码将一幅图像 planets.gif 映射为 3 个区域，当用户单击其中某一个区域时，将被链接到不同的文档中。

5、表格 table：
cellspacing：单元格外边距（单元格与单元格或单元格与表格之间的距离）
cellpadding：单元格内边距（单元格内边距与内容之间的距离）

6、blockquote中的cite属性指定了引用的来源。eg:


WWF"s ultimate goal is to build a future where people live in harmony with nature.

7、嵌入外部资源 eg.



//或者

8、语义化的作用

SEO(Search Engine Optimization)

可访问性

可读性

9、通过标签把相关的选项组合在一起：

10、input type：email、url、number、tel、search、range、color、date picker等。

11、6级标题中，h1最重要，表示一个网页中的主要内容，h2~h6重要性依此降低。对于搜索引擎来说，h1的重要性仅次于title，搜索引擎检索完title后会立即查看h1中的内容。

12、搜索引擎可以通过img标签的alt属性来识别不同的图片，如果不写alt属性，则搜索引擎不会对img中的图片进行收录。

13、使用meta可以用来做请求的重定向:

GPU云服务器云服务器 html的基础 html5的基础 html基础 html代码基础

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/53489.html

12036火车票小工具，希望大家都能顺利回家

摘要：鉴于市场上的大多数抢票软件的安全问题和效率问题，就手动修改了开源的代码来为自己赢得捡漏的机会，谁叫本电脑是系统呢。 12306 鉴于市场上的大多数抢票软件的安全问题和效率问题，就手动修改了开源的代码来为自己赢得捡漏的机会，谁叫本电脑是linux系统呢。缩减刷新的频率也是一种策略，哈哈！！！这是一款工具这是一款抢票工具这是一款12306自动抢票开源工具这是一款12306自动...

maochunguang 2019-07-30 18:46 评论0 收藏0
#WEB安全基础 : HTML/CSS | 文章索引

摘要：黑体本系列讲解安全所需要的和黑体安全基础我的第一个网页黑体安全基础初识黑体安全基础初识标签黑体安全基础文件夹管理网站黑体安全基础模块化黑体安全基础嵌套列表黑体安全基础标签拓展和属性的使用黑体安全基础嵌套本系列讲解WEB安全所需要的HTML和CSS #WEB安全基础 : HTML/CSS | 0x0 我的第一个网页 #WEB安全基础 : HTML/CSS | 0x1初识CSS #WEB安全基...

EscapedDog 2019-04-23 11:53 评论0 收藏0
关于CSS Reset 那些事（四）之构架CSS基础样式库

摘要：现在回到我们这一章节的标题，将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面，网页上并不存在表单内容，那么你就要移除一些冗余的代码，开始自定义样式来满足自己的需求。前言先来回顾一下前几章节，我们都说了哪些内容： CSS Reset 历史与 Normalize.css 介绍 Normalize.css...

mj 2019-08-28 18:13 评论0 收藏0
关于CSS Reset 那些事（四）之构架CSS基础样式库

摘要：现在回到我们这一章节的标题，将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面，网页上并不存在表单内容，那么你就要移除一些冗余的代码，开始自定义样式来满足自己的需求。前言先来回顾一下前几章节，我们都说了哪些内容： CSS Reset 历史与 Normalize.css 介绍 Normalize.css...

Yu_Huang 2019-08-01 14:48 评论0 收藏0