html那些事儿

最新推荐文章于 2024-07-24 10:38:58 发布

weixin_30477293

最新推荐文章于 2024-07-24 10:38:58 发布

阅读量60

点赞数

文章标签：爬虫 javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/camille666/archive/2012/04/22/html.html

版权

HTML对大小写不敏感，不区分大小写，可以大写，也可以小写，一般最好写小写。
一、HTML文件出现编码的地方

1、文件存储的格式编码（记事本另存为）
2、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3、设置网页的编码格式，字符集，浏览器以哪种编码显示当前页面。

二、XHTML书写规则
1、标记名称必须为英文小写字母；
2、标记间必须顺序嵌套；
3、单标记必须以/>结束，html5标签末尾不加反斜杠；
4、属性名称必须为英文小写字母；
5、属性值必须用引号；
6、属性不是必须的；
7、属性不区分先后顺序。

三、html规范

1、缩进使用两个空格
2、标签名称和标签属性统一使用小写
3、属性引号用双引号
4、不要为boolean属性添加取值，建议按照下面的方式书写。

<input type="text" disabled>
<input type="checkbox" value="1" checked>

<select>
   <option value="1" selected>1</option>
</select>

5、属性顺序

class，id，name，data-*。。。。

6、不要在自动闭合的标签结尾处使用斜线

<br>，<hr>，<input>， <meta>，<source>

7、在多媒体标签内部提供指示浏览器不支持该标签的说明。

<audio controls>
  <source src="hors.ogg" type="audio/ogg">
  <source src="hors.mp3" type="audio/mpeg">
  your browser does not support the audio tag
</audio>

四、HTML结构

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta lang="zh">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="description" content="">
    <meta name="keyword" content="">
    <title>淘宝网</title>
    <link rel="stylesheet" href="example.css">
  </head>
  <body>
    <script src="example.js"></script>
  </body>
</html>

五、框架写法

<frameset rows cols>
  <frame src name>
      <iframe name width height frameborder=0|1 scrolling=yes|no|auto>网页嵌套
      </iframe>
  </frame>
</frameset>

六、国际化网页
国际化市场，二十七国文字，其中免不了“反常态"的语种，比如：阿拉伯语，波斯语，希伯来文等，书写和阅读习惯都是从右向左，所以文字排版也要求是从右向左。css的 direction属性，指定了块的基本书写方向，以及针对Unicode双向算法的嵌入和覆盖方向。

定义了direction:rtl的元素，文字的书写方向是从右至左。另外，direction还有控制 text-align默认值的作用，定义了direction:rtl的元素，如果没有预先定义过text-align，那么这个元素的text-align的值就变成了“right"。

<html lang="ar" dir="rtl">

七、什么是HTML语义化？
“语义化"指的是机器在需要更少的人类干预的情况下能够研究和收集信息，让网页能够被机器理解，最终让人类受益。用正确的标签做正确的事情，根据内容的结构化，选择合适的标签，写出优雅的代码，一方面便于开发者阅读，另一方面，让浏览器和搜索引擎更好地解析网页。
HTML结构语义化的好处：
1、去掉样式或丢失样式的时候，能够让页面呈现清晰的结构；
2、有利于提升用户体验，比如用title,alt,label；
3、方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
4、有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息。爬虫依赖标签去确定上下文和各个关键字的权重；你的页面是否容易理解对爬虫非常重要，因为爬虫很大程度上会忽略用于表现的标记，而只注重语义标记；
5、便于团队开发和维护，语义化更具可读性，是下一步网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
面包屑导航提供给用户返回首页或入口页面的路径，告诉访问者他们目前在网站的位置以及如何返回。

八、html的a标签用法
1、链接到网页或者浏览器支持格式的文档
2、链接到下载资源
网站中，图片文件（jpg，png，gif），如何点击下载？而非点击预览？

<a href="img.jpg" download>下载</a>
<a href="img.jpg" download="精美图片下载">下载</a>

3、链接到电话

<a href="tel:10086">打电话给:10086</a>

4、链接到短信

<a href="sms:10086">发短信给: 10086</a>

5、链接到电子邮件

<a href="mailto:hy@126.com">126邮箱</a>

6、锚点链接(书签链接)
A、创建锚点

<a name="名称"></a>

B、链接到锚点

链接元素和锚点在同一页面 :<a href="#锚点名称">链接元素</a>
链接元素和锚点在不同页面 :<a href="目标文档URL#锚点名称">链接元素</a>

7、链接到javascript

<a href="javascript:代码">链接元素</a>

8、空连接

<a href="#"></a>可以返回顶部
<a href="javascript:void(0);">链接元素</a> 保持原始位置

转载于:https://www.cnblogs.com/camille666/archive/2012/04/22/html.html

weixin_30477293

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html那些事儿

HTML对大小写不敏感，不区分大小写，可以大写，也可以小写，一般最好写小写。一、HTML文件出现编码的地方1、文件存储的格式编码（记事本另存为）2、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />3、设置网页的编码格式，字符集，浏览器以哪种编码显示当前页面。二、XHTML书...
复制链接

扫一扫