<p>Trong b&agrave;i viết n&agrave;y,<a href="https://tek4.vn/"> Tek4.vn</a> <a href="https://old.tek4.vn/">giới thiệu</a> đến bạn thuật ngữ HTML5 l&agrave; g&igrave;? c&oacute; những t&iacute;nh năng g&igrave; v&agrave; hoạt động như thế n&agrave;o?... Chia sẻ c&aacute;c th&ocirc;ng tin m&agrave; nh&agrave; ph&aacute;t triển cần biết xoay quanh HTML5 - phi&ecirc;n bản cập nhật thứ 5 của Ng&ocirc;n ngữ đ&aacute;nh dấu si&ecirc;u văn bản.</p>
<p><img style="width: 100%;" src="https://tek4.vn/public_files/b9edeb3c-e069-4136-989d-86e4e33b3c7c" alt="html5 l&agrave; g&igrave;" /></p>
<p>Trước khi t&igrave;m hiểu về thuật ngữ HTML5 l&agrave; g&igrave;? ch&uacute;ng ta cần hiểu HTML l&agrave; g&igrave;?</p>
<h2>HTML l&agrave; g&igrave;?</h2>
<p>T&ecirc;n gọi đầy đủ của HTML l&agrave; ng&ocirc;n ngữ đ&aacute;nh dấu si&ecirc;u văn bản. Tim Berners-Lee đ&atilde; tạo ra HTML v&agrave;o năm 1989. HTML l&agrave; một loại ng&ocirc;n ngữ lập tr&igrave;nh cơ bản được sử dụng để thiết kế c&aacute;c trang web đơn giản. Việc lập tr&igrave;nh bằng HTML gi&uacute;p ta c&oacute; thể biển diễn, hiển thị c&aacute;c th&ocirc;ng tin, h&igrave;nh ảnh ta muốn l&ecirc;n trang web. Trong chủ đề n&agrave;y, Tek4 sẽ giới thiệu cho mọi người về HTML5.</p>
<ul>
<li>HTML l&agrave; một dạng cấu tr&uacute;c của c&aacute;c trang Web.</li>
<li>Thẻ (tag) đại diện cho c&aacute;c phần tử HTML.</li>
<li>Thẻ HTML gi&uacute;p người lập tr&igrave;nh x&aacute;c định nội dung th&ocirc;ng qua c&aacute;c phần tử &ldquo;ti&ecirc;u đề&rdquo;, &ldquo;đoạn văn&rdquo;, &ldquo;bảng&rdquo;, v.v.</li>
<li>C&aacute;c thẻ HTML kh&ocirc;ng được hiển thị tr&ecirc;n bất kỳ tr&igrave;nh duyệt n&agrave;o; Tr&igrave;nh duyệt sẽ chỉ hiển thị nội dung giữa c&aacute;c thẻ.</li>
</ul>
<p>Việc lập tr&igrave;nh bằng HTML bắt đầu từ thẻ văn bản.</p>
<pre class="language-python"><code>&lt;!DOCTYPE html&gt;</code></pre>
<p>Thẻ n&agrave;y cho biết rằng văn bản c&oacute; định dạng HTML . V&agrave; giờ ta sẽ nghi&ecirc;n cứu kĩ hơn về HTML5.</p>
<pre class="language-python"><code>&lt;html&gt;
Code goes here
&lt;/html&gt;</code></pre>
<p><em>TEK4.VN cũng đ&atilde; c&oacute; b&agrave;i viết chia sẻ chi tiết về HTML, mời bạn t&igrave;m hiểu<a href="https://tek4.vn/html-la-gi-chia-se-nhung-kien-thuc-xoay-quanh-thuat-ngu-html"> tại đ&acirc;y</a>.</em></p>
<h2>HTML5 l&agrave; g&igrave;?</h2>
<p>HTML5 l&agrave; phi&ecirc;n bản cập nhất thứ 5 của HTML. Đ&acirc;y l&agrave; bản ti&ecirc;n tiến nhất của HTML Trong phi&ecirc;n bản n&agrave;y, nhiều thẻ đ&atilde; được th&ecirc;m v&agrave;o để đơn giản h&oacute;a c&aacute;c t&aacute;c vụ cho c&aacute;c nh&agrave; thiết kế web. Một trang web cơ bản chứa 3 loại code.</p>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ol>
<p>. Tiếp theo, Tek4 sẽ cung cấp cho bạn một số th&ocirc;ng tin cơ bản về CSS.</p>
<p>CSS l&agrave; viết tắt của cụm cascading style sheet (tập tin định kiểu theo tầng). CSS được sử dụng để định kiểu cho văn bản HTML. Về cơ bản, CSS được sử dụng để cải thiện c&aacute;ch tr&igrave;nh b&agrave;y v&agrave; giao diện của trang web. Đu&ocirc;i của trang CSS l&agrave; .css.</p>
<pre class="language-python"><code>&lt;style&gt;
Code goes here.
&lt;/style&gt;</code></pre>
<p>Javascript được ph&aacute;t triển từ Java. C&uacute; ph&aacute;p v&agrave; cấu tr&uacute;c của javascript tương tự như C. Javascript, một ng&ocirc;n ngữ lập tr&igrave;nh ph&iacute;a m&aacute;y kh&aacute;ch. Javascript được xử l&yacute; bởi tr&igrave;nh duyệt m&aacute;y kh&aacute;ch, kh&ocirc;ng phải bởi ph&iacute;a m&aacute;y chủ.</p>
<p>Javascript được sử dụng để hiển thị phản hồi khi tr&igrave;nh duyệt m&aacute;y kh&aacute;ch thực hiện một h&agrave;nh động.</p>
<h2>&Yacute; tưởng đằng sau việc ph&aacute;t triển HTML5</h2>
<p>HTML được ph&aacute;t triển nhằm giảm tải phần mềm hoặc plugin tr&igrave;nh duyệt trung gian trong qu&aacute; tr&igrave;nh thiết kế một trang web ho&agrave;n chỉnh từ đầu. Với HTML5, ta c&oacute; thể ph&aacute;t triển c&aacute;c ứng dụng khổng lồ, h&igrave;nh ảnh động v&agrave; c&aacute;c ứng dụng phức tạp kh&aacute;c chạy tr&ecirc;n tr&igrave;nh duyệt. N&oacute; được sử dụng trong một số ứng dụng web phức tạp nhất, được ph&aacute;t triển để Giải tr&iacute;, Ph&aacute;t trực tuyến, Tr&igrave;nh ph&aacute;t video, Tr&igrave;nh ph&aacute;t &acirc;m thanh, v.v.</p>
<h2>C&aacute;c t&iacute;nh năng ch&iacute;nh của HTML5</h2>
<p>XHTML</p>
<pre class="language-python"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</code></pre>
<p>Nh&igrave;n v&agrave;o sự kh&aacute;c biệt giữa XHTML v&agrave; HTML5 trong đoạn code dưới đ&acirc;y. Khi thế giới ng&agrave;y c&agrave;ng ph&aacute;t triển, k&eacute;o theo việc c&aacute;c lập tr&igrave;nh vi&ecirc;n cần phải n&acirc;ng cấp c&aacute;c phương thức lập tr&igrave;nh.</p>
<pre class="language-python"><code>&lt;!DOCTYPE html&gt;
Figure Tag
XHTML
&lt;img src="path/to/image.jpg" alt="About us" /&gt;
&lt;p&gt;Sample Image. &lt;/p&gt;
HTML5
&lt;figure&gt;
&lt;img src="path/to/image.jpg" alt="About image" /&gt;
&lt;figcaption&gt;
&lt;p&gt;Sample2. &lt;/p&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;</code></pre>
<h2>C&aacute;ch thức hoạt động của HTML5</h2>
<p>Để l&agrave;m việc với HTML5, ta cần c&oacute; tr&igrave;nh soạn thảo văn bản cơ bản .Th&ocirc;ng thường, mọi người sẽ d&ugrave;ng Notepad ++ v&agrave; c&aacute;c tr&igrave;nh soạn thảo Sublime Text. Sublime Text kh&aacute; th&acirc;n thiện với người d&ugrave;ng v&agrave; cung cấp nhiều đề xuất tự động trong khi nhập. B&acirc;y giờ Tek4 sẽ giải th&iacute;ch chi tiết c&aacute;ch thức hoạt động của HTML5. Về cơ bản, HTML5 chứa tất cả 3 th&agrave;nh phần cần c&oacute; của một trang web hoặc ứng dụng web. Đ&oacute; l&agrave; HTML, CSS v&agrave; JAVASCRIPT.</p>
<p>HTML được sử dụng để biểu diễn văn bản tr&ecirc;n trang web, CSS được sử dụng để tạo bố cục/giai diện cho t&agrave;i liệu văn bản tr&ecirc;n trang web v&agrave; JAVASCRIPT chịu tr&aacute;ch nhiệm về c&aacute;ch hoạt động v&agrave; h&agrave;nh động của người d&ugrave;ng tr&ecirc;n trang web.</p>
<p>V&iacute; dụ: nếu bạn muốn hiển thị một h&igrave;nh ảnh tr&ecirc;n trang web, bạn cần sử dụng Thẻ h&igrave;nh ảnh HTML để hiển thị n&oacute;.</p>
<pre class="language-python"><code>&lt;img src=&rdquo;location/image.jpg&rdquo; alt=&rdquo;img&rdquo;&gt;</code></pre>
<p>B&acirc;y giờ, nếu muốn giảm hoặc tăng chiều rộng của h&igrave;nh ảnh hiển thị, ch&uacute;ng ta cần sử dụng css.</p>
<pre class="language-python"><code>&lt;style&gt;
Img {
Width : 200px;
Height: 500px ;
}
&lt;/style&gt;</code></pre>
<p>Nếu muốn ẩn hoặc tạo hiệu ứng cho h&igrave;nh ảnh khi người d&ugrave;ng nhấp v&agrave;o, ta sẽ cần sử dụng javascript.</p>
<pre class="language-python"><code>&lt;script&gt;
$ ( document ).  ready ( function ) {
$ ( something ).  click ( function )
$(img).hide();
} ) ;</code></pre>
<p>HTML5 gi&uacute;p c&aacute;c nh&agrave; ph&aacute;t triển tạo c&aacute;c ứng dụng web n&acirc;ng cao đ&aacute;p ứng v&agrave; vừa với m&agrave;n h&igrave;nh của m&aacute;y t&iacute;nh để b&agrave;n, m&aacute;y t&iacute;nh x&aacute;ch tay hoặc thiết bị di động.&nbsp;Kh&ocirc;ng chỉ thế, HTML5 gi&uacute;p cải thiện khả năng hiển thị của trang web với h&igrave;nh ảnh động v&agrave; giao diện bắt mắt.</p>
<p>HTML5 c&oacute; thể cung cấp một số t&iacute;nh năng n&acirc;ng cao kh&ocirc;ng c&oacute; sẵn trong c&aacute;c phi&ecirc;n bản hoặc bản cập nhật trước đ&oacute;.</p>
<h2>Đ&aacute;nh gi&aacute; Ưu nhược điểm của HTML5</h2>
<h3>Ưu điểm</h3>
<ul>
<li>N&oacute; gi&uacute;p c&aacute;c nh&agrave; ph&aacute;t triển ph&aacute;t triển một ứng dụng ph&ugrave; hợp với c&aacute;c độ ph&acirc;n giải, k&iacute;ch thước m&agrave;n h&igrave;nh, tỷ lệ khung h&igrave;nh kh&aacute;c nhau.</li>
<li>Với HTML5, c&aacute;c lập tr&igrave;nh vi&ecirc;n c&oacute; thể sử dụng một số t&iacute;nh năng n&acirc;ng cao như GPS, m&aacute;y ảnh v&agrave; gia tốc kế trong ứng dụng web .</li>
<li>C&aacute;c ứng dụng c&oacute; thể được sử dụng trong nội bộ, hay c&ograve;n l&agrave; localhost.</li>
<li>C&aacute;c ứng dụng di động c&oacute; thể sử dụng c&aacute;c k&ecirc;nh chia sẻ v&agrave; kiếm tiền giống như c&aacute;c ứng dụng gốc.</li>
<li>JavaScript, HTML v&agrave; CSS l&agrave; c&aacute;c ng&ocirc;n ngữ lập tr&igrave;nh ch&iacute;nh cho c&aacute;c ứng dụng web.</li>
<li>Ta c&oacute; thể dễ d&agrave;ng chuyển đổi ứng dụng web HTML5 cho c&aacute;c ứng dụng di động. Đ&acirc;y l&agrave; ch&iacute;nh lợi thế của HTML .</li>
<li>HTML5 lu&ocirc;n cập nhật v&agrave; th&iacute;ch ứng với mọi thiết bị di động v&agrave; m&agrave;n h&igrave;nh m&aacute;y t&iacute;nh để b&agrave;n.</li>
<li>Dễ viết, dễ hiểu, dễ sử dụng</li>
<li>Mọi tr&igrave;nh duyệt đều hiểu ng&ocirc;n ngữ html</li>
<li>Bạn c&oacute; thể ph&aacute;t triển đồ họa v&agrave; h&igrave;nh ảnh động sống động.</li>
</ul>
<h3>Nhược điểm</h3>
<ul>
<li>HTML5 chỉ hoạt động tr&ecirc;n c&aacute;c tr&igrave;nh duyệt được cập nhật.</li>
<li>Kh&ocirc;ng linh hoạt như Flash</li>
</ul>
<h2>Ai n&ecirc;n học HTML5?</h2>
<p>N&oacute; l&agrave; một ng&ocirc;n ngữ lập tr&igrave;nh cơ bản cần được học trước khi bắt đầu bất kỳ ng&ocirc;n ngữ lập tr&igrave;nh n&acirc;ng cao n&agrave;o; mọi nh&agrave; ph&aacute;t triển đều n&ecirc;n học HTML5. C&aacute;c nh&agrave; thiết kế đồ họa cũng n&ecirc;n học HTML5 v&igrave; n&oacute; cũng tạo th&ecirc;m một lợi thế kỹ năng cho bạn trong qu&aacute; tr&igrave;nh thiết kế. Những người đang muốn l&agrave;m việc trong ng&agrave;nh CNTT. Những người muốn l&agrave;m nh&agrave; ph&aacute;t triển. Những người quan t&acirc;m đến thiết kế hoặc ph&aacute;t triển web.</p>
<h2>Kết luận</h2>
<p>HTML5 l&agrave; ng&ocirc;n ngữ đ&aacute;nh dấu được sử dụng để ph&aacute;t triển c&aacute;c ứng dụng web n&acirc;ng cao. HTML5 l&agrave; một ng&ocirc;n ngữ lập tr&igrave;nh dễ sử d&ugrave;ng v&agrave; thuận tiện hơn so với c&aacute;c ng&ocirc;n ngữ lập tr&igrave;nh kh&aacute;c.</p>
<p><em>Hy vọng b&agrave;i viết của Tek4.vn tr&ecirc;n đ&acirc;y c&oacute; thể gi&uacute;p bạn cập nhật th&ecirc;m nhiều kiến thức hữu &iacute;ch về HTML5 l&agrave; g&igrave;? c&aacute;c t&iacute;nh năng v&agrave; hoạt động của HTML5 cũng như c&oacute; th&ecirc;m hiểu biết về lập tr&igrave;nh v&agrave; ph&aacute;t triển phần mềm!</em></p>

Admin

HTML5 là gì? Những thông tin cần biết xoay quanh HTML5

Cùng tác giả

Admin

Có liên quan