Danh Mục Bài Viết
Tiếp theo trong chuỗi bài viết về chủ đề học nhanh ngôn ngữ Html với Minacode. Bài viết này mình sẽ đưa ra cho các bạn một số lưu ý khi chúng ta code Html nhé. Một cách thức code nhất quán, rõ ràng và gọn gàng giúp người khác đọc và hiểu code của bạn dễ dàng hơn.
1, Luôn khai báo <!DOCTYPE> ở dòng đầu tiên trong file Html của bạn.
<!DOCTYPE html>2, Sử dụng chữ viết thường cho các thẻ trong Html
Như các bạn đã biết Html cho phép trộn chữ hoa và chữ thường trong tên thẻ. Tuy nhiên, bạn nên sử dụng tên thẻ viết thường vì:
Dùng:
<body>
<p>Đoạn văn bản<p>
</body>Thay vì:
<BODY>
<P> Đoạn văn bản.</P>
</BODY>3, Trừ các thẻ trống không có thẻ đóng. Còn lại luôn có thẻ đóng ở cuối
Cũng giống như chữ hoa và chữ thường, trong Html không nhất thiết phải có thẻ đóng.
Dùng:
<section>
<p>Đoạn văn bản.</p
</section>Thay vì:
<section>
<p>Đoạn văn bản.
</section>4, Sử dụng chữ viết thường cho các thuộc tính
Dùng:
<a href=" https://minacode.net”>Xem Website</a>Thay vì:
<a HREF="https://minacode.net”>Xem Website</a>5, Luôn để giá trị của thuộc trình trong dấu nháy kép hoặc đơn
Html cho phép các giá trị thuộc tính không cần có dấu nháy kép bọc bên ngoài. Tuy nhiên, bạn nên có dấu nháy kép hoặc đơn vì:
Dùng:
<table class="price">Thay vì:
<table class=price>Không hoạt động:
<table class=price price-sale>6, Luôn có thuộc tính alt, chiều rộng và chiều cao cho hình ảnh
Dùng:
<img src="banner.png" alt="minacode-banner" style="width:128px;height:128px">Thay vì:
<img src="banner.png">7, Không để khoảng trắng 2 bên dấu = khi tạo thuộc tính
Dùng:
<a href=" https://minacode.net”>Xem Website</a>Thay vì:
<a href = " https://minacode.net”>Xem Website</a>8, Tránh các đoạn code dài, nên có các dòng trắng để ngăn cách các khối
9, Luôn có thẻ <title>
Nội dung của tiêu đề trang rất quan trọng để tối ưu hóa công cụ tìm kiếm (SEO)! Tiêu đề trang được thuật toán của công cụ tìm kiếm sử dụng để quyết định thứ tự khi liệt kê các trang trong kết quả tìm kiếm. Vì vậy, hãy cố gắng đặt tiêu đề chính xác và có ý nghĩa nhất có thể:
<title>Minacode – Chia sẻ kiến thức lập trình Html</title>10, Không được bỏ qua thẻ <html>, <head> và <body> mặc dù trang của bạn vẫn hoạt động nếu thiếu chúng
>>Còn tiếp nhé anh em>>
.png)
.png)
-min.png)
Banker To Coder
Hi All,
Nguyên đây! MinaCode là website mình tạo ra với mong muốn chia sẻ chút kiến thức liên quan đến lập trình FullStack.
Ngôn ngữ lập trình chủ yếu được sử dụng là Htm, Css, Javascript, Php cùng một số thư viện như Jquery, Fontawesome... Phía Frontend và Farmework Laravel phía Backend.
Mình chưa bao giờ tham gia bất cứ một trường lớp nào về lập trình. Tất cả kiến thức mình chia sẻ đều là trên tình thần tự học. Do đó:
+ MinaCode phù hợp với những tay ngang, xem lập trình như là một kỹ năng bổ trợ trong công việc hay là một kênh kiếm thêm thu nhập từ những very mini projects.
+ MinaCode không phù hợp với những bạn đang được đào tạo bài bản, chính quy.
Mình tin rằng, Trong tương lai không xa. Lập trình sẽ trở nên một kỹ năng không thể thiếu đối với các bạn trẻ.
Cuối cùng thì Ngôn ngữ lập trình không quan trọng bằng Tư duy lập trình. Mình chúc các bạn sẽ có được những kiến thức bổ ích với MinaCode.
--Ngô Sỹ Nguyên--
.png)
