首页 > 代码库 > 按照功能来梳理html元素
按照功能来梳理html元素
前端萌新梳理一下基础,html element和css属性。
用自己的话表达出来,重点的几个详细学。
目的是加深理解,注意一下细节,尤其是语义化,前辈指出我这个毛病了。
p.s.w3c中文翻译有些真坑啊
按照功能来学习:
基础9-0
- <!DOCTYPE>声明不是html标签,指示浏览器使用哪个html(xhtml)版本。对大小写不敏感。在 HTML 4.01 中有三种DTD(Document Type Definition) <!DOCTYPE> 声明。在 HTML5 中只有一种:<!DOCTYPE html>
- <html>此元素向浏览器告知这是一个HTML文档
- <title>我们浏览网站时标签上的显示文字;此标签为<head>标签中必须被包含的东西;三个属性(规定元素中内容的文本方向;规定元素中内容的语言代码;规定xml中元素内容的语言代码)请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题
- <body>定义文档的主题;包含文档的所有内容
- <h1>to<h6>拥有确切语义;支持的标准属性和时间属性?(并不全部支持欸)
- <p>段落;浏览器会自动添加前后空白;
- <br>换行;xml中,是<br/>;clear属性因垂死听;用来输入空行而不是分割段落,分割段落请用<p>
- <hr>插入水平线;xml中依旧需要关闭标签;
- <!--……-->在<script>中注释时加个//↓,避免js执行-->
<script type="text/javascript"><!--function displayMsg(){alert("Hello World!")}//--></script>
格式38-9
<acronym>缩写,html5中被<abbr>代替- <abbr>缩写;可以使用title属性(鼠标移动到上面显示完整版本)
- <address>通常包含在footer内,不要用来放在文档内描述通讯地址
<b><tt><i><big><small>建议使用样式;<tt><i><big><small>- <bdi> 隔离,脱离父元素的文本方向设置;dir=“ltr”;w3c注释chrome火狐资词,然而亲测有点抽风啊,后续需要加深理解。 http://www.iteye.com/problems/75691
- <bdo>覆盖默认的文本方向,跟上面的文本方向不一样,这个是单个字母的方向(使用不慎就是乱码啊~~~感谢老祖宗发明了中文)
- <blockquoto>一大块引用用这个;会在左右缩进;短的、不是一大段的引用用q元素;可以用cite属性(值=url)来规定引用来源
<center>对包含的文本居中,使用样式表!!!!!、- <em> 拥有确切语义;
- <strong> 拥有确切语义;
- <dfn> 拥有确切语义;标记特殊术语短语( definition?);表现为斜体
- <code> 拥有确切语义;
- <samp> 拥有确切语义;
- <kbd> 拥有确切语义;
- <var> 拥有确切语义;
- <cite> 拥有确切语义;
- <del>
- <font>
- <ins>
- <mark>
- <meter>
- <pre>
- <progress>
- <q>
- <rp>
- <rt>
- <ruby>
- <s>
- <strike>
- <sup>
- <sub>
- <time>
- <u>
- <wbr>
表单14-3
框架4-0
图像6-3
音频\视频4-4
链接3-1
列表10-1
表格10-0
样式\节11-8(*语义化)
元信息4-0
编程6-1
按照功能来梳理html元素
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。