HTML 概述2

举报
运气男孩 发表于 2020/06/19 01:27:05 2020/06/19
【摘要】 HTML 概述2

1.Web开发工具

Sublime(轻量级) 而且有很多好用的插件

    sublime快捷键


vs code 张宇老师力荐


chorme浏览器

  

Webstorm(重量级) 过于智能不建议初学者使用


注意:Webstrom是需要使用付费注册码的

2.HTML标签

    常用标签

    <html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题        
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本          
<u></u> 下划线
<b></b> 黑体字    
<i></i> 斜体字    
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体        
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值

更多详细标签可以参考以下链接:

详细标签

3.标签属性

每个标签都有自己可以定义修改的属性,用来修改标签在html中的呈现形式  

例如:  `<a>`标签:超文本,也就是网页中的可以点击链接到其它网页的控件。

image.png


4.标签语义化

  好的语义化的网站标准就是去掉样式表文件之后,结构依然很清晰。

  标签语义化概念:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)


  标签语义化意义:

  1:网页结构合理

  2:有利于seo:和搜索引擎建立良好沟通,有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取;

  3:方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)

  4:便于团队开发和维护


  注意

  1:尽可能少的使用无语义的标签div和span;

  2:在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利;

  3:不要使用纯样式标签,如:b、font、u等,改用css设置。

  4:需要强调的文本,可以包含在strong或者em标签中strong默认样式是加粗(不要用b),em是斜体(不用i);


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。